React.JS 将状态传递给 link，props.location.state 未定义

Question

我正在将状态传递给 Link 组件并尝试使用 props.location.satate 访问该状态。不幸的是，状态是未定义的。我尝试使用 pathname 和 state 从 to 属性发送状态，但仍未定义。

<Route exact path="/private/orders" name="Orders" component={PrivateOrders} />

私人订单

import React from 'react'

const PrivateOrders = (props) => {
    console.log(props)
    return (
        <div>
            <h1>Orders</h1>
        </div>
    )
}

export default PrivateOrders

Link

<Link  
   to="private/orders"
   state={{
      x: "y",
      y: "y",
      z: "y",
      i: "y",
   >
      <CButton color="primary">Order Now</CButton>
</Link>

结果

location: {pathname: '/private/orders', search: '', hash: '', state: undefined, key: 'lt9bpr'}

Answer 1

像这样在 Route 中传递 routeProps。

} />

React.JS 将状态传递给 link，props.location.state 未定义

React.JS pass state to link, props.location.state is undefined

javascript

routes

reactjs

react-router

react-router-dom