react stopPropagation() and preventDefault()

在处理表格的时候tr部分有点击跳转事件，但是第一栏有其他的选择器，需要排除出去，所以需要阻止默认事件。
经过几次实验，发现必须同时使用stopPropagation() and preventDefault()才可以。

table.png

tbody 部分的代码

下面是最后成功的方式：

cancelBubble did 3.png

第一栏点击三次在控制台的显示结果如下：

cancelBubble did

如果将preventDefault()注释掉：

stopPropagation.png

第一栏点击三次在控制台的显示结果如下：

2,4,6.png

如果将stopPropagation()注释掉：

阻止冒泡不成功

阻止冒泡不成功，第一栏将会执行跳转，控制台的显示结果如下：

preventDefault.png