history.push无法在react中的新选项卡中打开

Question

我是react js的新手，我是一个自学成才的人。我需要用我的反应路线传递一些数据，并在另一边访问这些数据。。。所以我使用useHistory((钩子来完成我的任务。但是现在我有一些错误。我只能通过鼠标点击事件进行路由。我无法使用"在新选项卡中打开"或鼠标滚轮进行路由。我不知道我的代码是怎么回事。所以任何人都可以帮我。。。非常感谢。

const sendPixelData = () => {
history.push({
pathname: `product/${product._id}`,
state: { detail: product },
});
};

<Link onClick={sendPixelData}> Do some logic and other thing  </Link>

Answer 1

react路由器的链接组件不应该有onClick参数，而是根据文档所需的道具：

https://v5.reactrouter.com/web/api/Link

如果您想传递数据，可以使用以下语法：

<Link
to={{
pathname: `product/${product._id}`,
state: { detail: product },
}}
/>