如何在反應路由器中使用match.params

Question

我正在使用 React 路由器在我的 Web 應用程序中動態導航。 我在功能組件中有這個switch 。

 < Switch > <Route path = '/collections/:pId' component = { PriceWithID }/> </Switch>

哪個調用這個函數

 const PriceWithID = ({match}) => { return( <Price image={IMGS.filter((i)=>(i.id === parseInt(match.params.pID,10)))[0]}/> ); }

但問題是在這個PriceWithID函數中，我將 pID 設為未定義，這會引發錯誤。 我該如何解決這個問題

如果需要，我可以提供我的代碼的更多詳細信息

Answer 1

Javascript 區分大小寫。

match.params.pID將與match.params.pId不同

讓我們試試： match.params.pId

Answer 2

這只是一個錯字抱歉，我要結束我為@Viet Dinh 和@Anis R. 投票的問題，以找到錯字