2018-01-05 关于react 冒泡事件

在前端的标签使用中，总会有标签嵌套的地方，这时候标签绑定的事件就会冲突，原因就是冒泡事件造成的。

什么是冒泡事件？

打个比方：有一个按钮A，点击按钮A会弹出窗口 a，按钮A上有个图标B，点击图标B会弹出窗口 b，如果只点击A而不点击B，即只点击蓝色部分，则只触发 a；但如果点击B则会触发 b，同时会触发 a，即点击事件从B冒到了A，这就是冒泡事件。

举个实例：

在react开发运用中，使用了Table组件内置的onRowClick()函数

而在table中的每条记录都添加了按钮

所以每次点击按钮都会同时触发onRowClick()函数，即冒泡。

解决冒泡的方法就是阻断函数。

在事件源里面加上阻断函数就可以了，比如上面的例子就是在按钮绑定的事件里面加上阻断函数就行了

欢迎评论交流。