如何在反应路由器中使用 match.params答案

【问题标题】：How to use match.params in react router如何在反应路由器中使用 match.params
【发布时间】：2021-01-31 06:22:09
【问题描述】：

我正在使用反应路由器在我的网络应用程序中动态导航。我在函数组件中有这个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 设为未定义，这会引发错误。我该如何解决这个问题

如果需要，我可以提供我的代码的更多详细信息

【问题讨论】：

首先，你的变量名大小写与路由中的不匹配； pId != pID
谢谢，我忽略了这个错字并为这个错误找到了全世界

标签： javascript html reactjs react-router-dom

【解决方案1】：

Javascript 区分大小写。

match.params.pID 将与 match.params.pId 不同

我们试试：match.params.pId

【讨论】：

【解决方案2】：

这只是一个错字对不起我要结束我为@Viet Dinh 和@Anis R. 投了赞成票的问题

【讨论】：