Link 内的 React-router 可点击元素

Question

我在 <Link> 组件中有以下元素：

它需要完全可点击，并且需要保留 cmd/ctrl + 点击功能（也可以使用鼠标右键 + 在新选项卡中打开）。问题是我还需要启用单击 times 图标而不转换到新位置。有可能吗？

Answer 1

问题是 times 图标上的 onClick 事件触发了父级 onClick，即默认行为的 Link 组件。

为防止这种情况，您应该在函数中添加 e.preventDefault()：

onClick={(e) => e.preventDefault()}

注意：将 e.stopPropagation(); 与 e.preventDefault();

一起使用可能也是个好主意