React-router Link 组件阻止子级的默认设置

Question

我正在尝试在 Link 孩子上放置一个 onClick 处理程序。问题是由于 Link's transition 方法而没有触发。有preventDefault左右吗？这是jquery world中的示例 how to stop redirection of parent href tag when clicked on child div?

Answer 1

来自onClick 文档：

点击事件的自定义处理程序。就像 a 标签上的处理程序一样工作 - 调用 e.preventDefault() 将阻止转换触发，而 e.stopPropagation() 将阻止事件冒泡。

所以你应该可以使用e.preventDefault

https://github.com/rackt/react-router/blob/master/docs/API.md#onclicke