反应路由器，以编程方式导航时传递数据？

反应路由器，以编程方式导航时传递数据？

React Router使用

location

对象。

location

对象的属性之一是

state

。

this.props.router.push({  pathname: '/other-page',  state: {    id: 7,    color: 'green'  }})

在导航到的页面上，电流

location

将注入到其路线匹配的组件中，因此您可以使用来访问状态

this.props.location.state

。

要记住的一件事是，

state

如果用户直接导航到页面将不会有任何内容，因此，当数据不存在时，您仍然需要某种机制来加载数据。