reactjs - 重定向到新选项卡时通过链接传递状态

Question

案例1:
重定向到同一选项卡中的新路线。

<Link to={{ pathname: "/modify_items", state: { foo: "bar" } }} >

当我输入 console.log(this.props.location.state);国家 { foo: "bar" }打印出来。
案例2:
重定向到新选项卡中的新路线。

<Link to={{ pathname: "/modify_items", state: { foo: "bar" } }} target="_blank" >

当我输入 console.log(this.props.location.state);状态变为 undefined .
我的目标是将数据传递到新选项卡。如果在 React.js 中还有其他方法可以实现这一点，请指导我。我只想将数据传递到新选项卡。

Answer 1

我认为这在链接状态下是不可能的。因为如果您离开该页面，您的内存将是干净的。如果您想在不同的选项卡上共享状态，您可能需要使用查询或路径参数。
对于路径参数:
Get path params in react-router v4
对于查询变量:
设置链接如下:<Link to={{ pathname: '/foo', query: { foo: "bar" } }}/>并使用一个库来获取查询参数。如https://www.npmjs.com/package/query-string .