Javascript 带React路由器的多参数

我有两个组件，一个是AddList组件，第二个是DetailList组件。我所做的是在每个li中都有一个AddList组件和按钮的列表。每当用户单击任何按钮时，该特定LI的相应id和名称都会发送到DetailList组件，以便用户可以阅读该特定产品的更多信息。 我正在使用react roouter，当我在路线中通过一个参数时，一切正常。我可以用console.log记录受尊重的Id。但当我在路由中传递第二个参数时，我的组件并没有挂载，也并没有显示任何错误。它也不会控制我在DetailList组件中输入的id和名称

这是我的地址列表

导出默认类Addlist扩展组件{ 构造器{ 超级作物 此.state={ 员额：[] } }

---

我认为您缺少一个“/”，请尝试将您的passToDetailList更改为：

this.props.history.push(`/details/${id}/${name}`)

---

我认为您缺少一个“/”，请尝试将您的passToDetailList更改为：

this.props.history.push(`/details/${id}/${name}`)

---

您可以在路由器路径中使用单个slug发送更多详细信息-

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

let dataObj  = {
       id:1,
       name:"someProduct"
    }
let stringifyData = JSON.stringify(dataObj);

要获取详细信息文件中的数据，请执行以下操作：

let data  = JSON.parse(this.props.match.params.id);
console.log(data) // here is your full data  

---

您可以在路由器路径中使用单个slug发送更多详细信息-

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

let dataObj  = {
       id:1,
       name:"someProduct"
    }
let stringifyData = JSON.stringify(dataObj);

要获取详细信息文件中的数据，请执行以下操作：

let data  = JSON.parse(this.props.match.params.id);
console.log(data) // here is your full data  

---

我仍然得到一个空白页面，控制台中没有打印任何内容http://localhost:3000/details/2/SECONDADDI 仍然会得到一个空白页面，控制台中没有打印任何内容http://localhost:3000/details/2/SECONDADD