05 React事件的捕获和冒泡

在Dom中的,事件会经过捕获和冒泡，react也是，不过是监听Dom事件后，并把事件导向组件树中，并进行传递.

1 阻止事件在react中冒泡

事件在react组件中是由目标组件开始冒泡，只要其中一个环节中断事件的传递，就是能阻止上层组件监听到事件。如:

    <div onClick="() => console.log('click event')">
        <button
          onClick={(e) =>  e.stopPropagation()} // <-- 这个环节中断了事件，上层则不能监听到该点击事件
        >
          button
        </button>
    </div>