React Router 4 - 在Link组件中传递状态

时间:2018-04-06 05:13:12

标签: react-router-v4

在这里反应newb,我注意到当我将带有路由器链接组件的状态传递给另一个组件时,即:

<Link to={{ pathname: '/myPath', state: { foo: myVar } }}>Text</Link>

点击链接后myPath会加载,然后我可以通过输入myVar来访问this.props.location.state.foo。即使重新加载页面(浏览器刷新),myVar也不会丢失,仍然保持其值,这就是我想要的

我可以通过this.props.history.push("/myPath")在我的应用中访问myPath的另一种方式。我可以通过这种方式实现与Link组件完全相同的功能吗?

由于

1 个答案:

答案 0 :(得分:0)

Haven尝试过,但是documenthistory.push也接受了可选的状态对象:

push(path, [state]) - (function) Pushes a new entry onto the history stack

我会尝试this.props.history.push('/myPath', { foo: myVar });