React中如何实现及避免冒泡事件的详细应用解析？

本文共计656个文字，预计阅读时间需要3分钟。

阻止事件冒泡的三种方法：

1.阻止事件向最外层document冒泡，使用e.nativeEvent.stopImmediatePropagation();

2.阻止事件在当前元素间的冒泡，使用e.stopPropagation();

3.阻止事件本身，阻止其冒泡，使用e.preventDefault();

阻止事件冒泡分三种：

1：阻止合成事件往最外层document上的事件冒泡，用e.nativeEvent.stopImmediatePropagation();

2: 合成事件间的冒泡，使用 e.stopPropagation()；

3：阻止合成事件，往处理document上的其他原生事件冒泡，需要通过e.target来判断，示例代码如下。