在页面之间传递价值

Question

当用户右键单击链接并在新选项卡中选择打开链接时，我无法发送数据，但是当用户在链接上单击鼠标左键时，效果很好。

<Link to={{pathname: '/student/edit',state:{userId:rowData.id}}}>
  Edit
</Link>

/ student / edit是我的路线中定义的路径

<Route exact path="/student/edit" component={StudentCandidate}/>

Answer 1

您无法将状态传递给新窗口/选项卡。相反，您需要将数据作为参数传递：

<Link to={{pathname: '/student/edit', userId: rowData.id}}>
  Edit
</Link>

然后在您的路线中，将它们放在path

中

<Route exact path="/student/edit/:userId" component={StudentCandidate}/>

考虑类似的SO问题/答案：React Router passing params. How to?