链接中的React-router可点击元素

Question

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

它必须是完全可单击的，并且需要保留cmd / ctrl +单击功能（也是鼠标右键+在新选项卡中打开）。问题是我需要启用times图标，而无需过渡到新位置。有可能吗？

Answer 1

问题在于function onSuccess(imageUri) { $scope.$apply(function () { $scope.imageSrc = imageUri; }) } 图标上的onClick事件正在触发父times，它是onClick组件，这是默认行为。

为防止这种情况，您应该在函数中添加Link：

event.preventDefault()

注意：与onClick={event => { event.preventDefault(); }} 一起使用event.stopPropagation();

也可能是一个好主意