如何將帶有反引號的鏈路路由器包裝到卡上並將變量傳遞給它 Reactjs？

Question

大家好，大家還在學習 React，這是我的食譜項目>>練習 React<<

該項目從配方 API 端點獲取數據並將它們顯示在主頁組件中。 首頁組件（其中state是托管的），通過數據映射后發送數據到recipe組件

這是配方組件

我試圖以這樣的方式將內容包裝在鏈接中，當您單擊某個項目時，它會顯示特定項目的信息，例如 Link to= /${some variable} （包裝在反引號內）但它不起作用，我需要幫助

Answer 1

你可以試試

<Link to={`/${someVariable}`} >
  <WrappedComponent />
</Link>

Answer 2

您需要添加您的路線，例如

<Route path="/:id" exact component={ComponentName}></Route> 

然后在

<Link to={`/${variable}`}>
            <your code>
</Link>