js事件的传播机制

问题场景:
antd table表格有一个单元格，单元格本身存在一个点击事件，而且单元格内存在一个a标签，这个标签也有一个点击事件，需要实现触发a标签的点击事件但不触发单元格的点击事件

解决方法：
在a的点击事件中，调用事件的stopPropagation方法

<a onClick={e => {
// 阻止点击事件向上传播，实现点击文字链接只打开新网页但是本页面不弹出新窗口
e.stopPropagation();
window.open(${PageRoutePrefix}/pr/postDocument/detail?pdId=${pdId}&isSearch=true);
}}
>
{${docTitle}${no ? (“${no}”) : ``}}
,

原理：
js中的事件默认是冒泡方式，逐层往上传播，可以通过stopPropagation()函数停止事件在DOM层次中的传播
https://blog.csdn.net/chaoyue1861/article/details/83926390