history.push 在新標簽頁中不起作用

Question

我是反應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-router 中的鏈接組件不應具有 onClick 參數，但應遵循文檔所需的道具：

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

如果要傳遞數據，可以使用以下語法：

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