React.JS 通过 state 链接，props.location.state 未定义

Question

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

<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  
   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。

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