[REACTJS] React.js에서 버블 링 및 캡처에 대한 예

React.js에서 버블 링 및 캡처에 대한 예

해결법

1. ---

   1.당신이 핸들러를 부착 대해 이동하는 방법을 제외하고는 DOM 사양에 의해 설명 된 바와 같이 버블 링 모두 지원하는 캡처 같은 방식으로 반응한다.

   당신이 핸들러를 부착 대해 이동하는 방법을 제외하고는 DOM 사양에 의해 설명 된 바와 같이 버블 링 모두 지원하는 캡처 같은 방식으로 반응한다.

   버블 링은 일반 DOM의 API와 같은 간단한과 같다; 단순히 요소의 최종 부모 핸들러를 첨부하고 긴으로 부모를 그 요소의 의지 거품 트리거 모든 이벤트는 길을 따라 인 stopPropagation을 통해 중단없는 것 같이

   <div onClick={this.handleClick}>
     <button>Click me, and my parent's `onClick` will fire!</button>
   </div>
   

   그것이 문서에 간략하게 언급 비록 캡처, 그냥 간단 같다. 단순히 이벤트 핸들러 속성 이름에 캡처를 추가 :

   <div onClickCapture={this.handleClickViaCapturing}>
     <button onClick={this.handleClick}>
       Click me, and my parent's `onClickCapture` will fire *first*!
     </button>
   </div>
   

   handleClickViaCapturing 이벤트에 인 stopPropagation를 호출하는 경우이 경우, 버튼의 OnClick 핸들러가 호출되지 않습니다.

   이 JSBin 캡처, 버블 링 방법을 설명해야하고, 인 stopPropagation가 작동 반작용 : https://jsbin.com/hilome/edit?js,output

from https://stackoverflow.com/questions/34522931/example-for-bubbling-and-capturing-in-react-js by cc-by-sa and MIT license