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

Question

我们可以使用以下方法导航到不同的路径

this.props.router.push('/some/path')

导航时是否可以发送参数（对象）？

我还有其他选择，但想知道是否可以通过object？

• 我可以嵌入对象的ID并从新页面从服务器重新获取对象。

• 或者，我可以将对象存储在全局存储（如redux存储）中。（此对象需要尽快从商店中删除。因此，我认为将其放在第一位可能不好。）

Answer 1

React Router使用location对象。location对象的属性之一是state。

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

在导航到的页面上，电流location将注入到其路线匹配的组件中，因此您可以使用来访问状态this.props.location.state。

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