如何鏈接到特定 ID？

Question

我現在的問題是我將 id 作為字符串輸出。

而且我不太確定應該如何在我的 Product.js 鏈接中設置它。

Answer 1

@Mads，您的沙箱無法正常工作並出現錯誤。 我找不到您的數據文件在哪里，您是否在路由器（BrowserRouter）中添加了交換機？ 請給出一個有效的代碼......你怎么能在不給出主樹內容和組件的情況下得到答案。？ 您應該刪除所有不必要的代碼並清楚地顯示您面臨的問題。

無論如何，您可以在 Project.js 文件中嘗試以下代碼。 如果您在數據文件中提供/包含 id，這將起作用。

  <div className="bg">
    {this.state.data !== undefined
      ? this.state.data.map((product, id) => {
          return (
            <div key={id} className="mainContainer">
              <div className="billedeContainer">
                <Link to={`/details/${id}`}
                >
                  <img src={product.image} alt="produktBillede" />
                </Link>
              </div>