时间戳

首页 > 解决方案 > 将道具从导航链接传递到组件 React 路由器

reactjs - 将道具从导航链接传递到组件 React 路由器

问题描述

我正在尝试将我的导航链接中的道具传递给另一个组件，但是，当我从控制台进行调用时，出现错误

导航链接

<NavLink price={price} className="NavProjet" to={{
   pathname:"/boutique/checkout/",
   state: {
      price: {price},
     
    } }} >

组件页面

console.log("price",props.location.state.price)

控制台错误 => 无法读取未定义的属性“状态”

如果有人有解决方案？感谢时间！

标签： reactjsreact-router

解决方案

您将对象作为状态的值，例如：

price: {
  price: {
    prix: 'hello',
  }
}

因此，您现在可以通过console.log("price",props.location.state.price.prix). 我认为你的意思是：

state: price

?. 这将使props.location.state.prix.

推荐阅读