在 react-router-dom（v6）中使用 Navlink 传递道具 [重复]

【问题标题】：Passing props with Navlink in react-router-dom (v6) [duplicate]在 react-router-dom（v6）中使用 Navlink 传递道具 [重复]
【发布时间】：2021-11-21 12:44:40
【问题描述】：

在第 5 版中，我曾经这样做过：

<NavLink
  key={"myRoute"}
  to={{
    pathname: "myRoute",
    state: {myState: "myStateValue"},
  }}
  className="nav-card"
>

然后用useLocationlocation.state接收道具

但是当我升级到版本 6 时发生的事情是 location.state 是 null

【问题讨论】：

标签： reactjs react-router-dom

【解决方案1】：

尝试这样做：

<NavLink
  key={"myRoute"}
  to="myRoute"
  state={{ myState: "myStateValue" }}
  className="nav-card"
>

然后接收道具：

const location = useLocation()
const { myState } = location.state

【讨论】：