+2
sự kiện onclick lồng nhau trong react js
mọi người cho mình hỏi ? mình có đoạn code thế này
<div onClick={ ()=>{ alert('Bạn đã click vào cha : ')}} > DIV
<a onClick={ ()=>{ alert('Bạn đã click vào: ')}} id="link">A</a>
</div>
trong react js làm sao mà khi click chuột vào thẻ a thì chỉ chạy onclik trong thẻ a bỏ qua chạy onclick thẻ div vậy mọi người
Thêm một bình luận
2 CÂU TRẢ LỜI
-1
sao không làm như này?
<div onClick={ () => {
alert('Bạn đã click vào cha : ');
alert('Bạn đã click vào: ');
}} > DIV </div>
Làm như thế là click vào 1 thẻ rồi, Vấn đề là có 2 sự kiện click ở thẻ cha và thẻ con. Câu hỏi đặt ra là làm sao để ngăn sự kiện nổi bọt. Bạn trên comment rất chính xác