반응 시 이벤트 버블링을 방지하는 방법은 무엇입니까?

방법: 1. 기본 이벤트 등록이 없고 반응 이벤트만 있는 경우 "e.stopPropagation()"을 사용합니다. 2. 가장 바깥쪽 문서에서 이벤트가 버블링되는 것을 방지하려면 "e.nativeEvent.stopImmediatePropagation()"을 사용합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

React에서 이벤트 버블링을 방지하는 방법은 무엇인가요?

React에서 이벤트 버블링을 방지하는 방법에는 두 가지가 있습니다.

1. e.stopPropagation() 네이티브 이벤트 등록이 없는 경우 관련됨, 반응 이벤트에만 사용됩니다. e.stopPropagation() 在没有涉及到原生事件注册只有react事件时使用。

2、e.nativeEvent.stopImmediatePropagation()

2. e.nativeEvent.stopImmediatePropagation() document.addEventListener를 사용하여 네이티브 이벤트를 등록합니다.

React의 버블링 이벤트 방지 방법은 크게 다음 두 가지 상황으로 나누어집니다.

1. 합성 이벤트 간의 버블링을 방지하기 위한 방법은 다음과 같습니다. e.stopPropagation();

이벤트 바인딩은 다음과 같습니다.

이벤트 버블링을 방지하기 위한 작성 방법은 다음과 같습니다.

2. 가장 바깥쪽 문서의 이벤트와 합성 이벤트 간의 버블링을 방지합니다. 메소드: e.nativeEvent.stopImmediatePropagation() ;

이벤트 바인딩 작성:

(1) 매개변수 없음:

(2) 전달 매개변수:

이벤트 버블링을 방지하기 위해 작성:

이렇게 쓰는 이유는 아래와 같이 문서에 클릭 이벤트를 추가하기 위해서입니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응 시 이벤트 버블링을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!