首页 > 解决方案 > 如何使用反应路由器 dom Link 将数据从一个页面传递到另一个页面?

问题描述

我正在尝试使用链接状态将 ID 从一个页面传递到另一个页面。

我正在尝试从购买页面获取价值并将其发送到购买详细信息。这是我正在使用的代码:

 <Link 
    to={{
      pathname: "/purchases-detail",
      state: { transactionId: item?.transactionId },
  }}/>

下一页如何访问和使用transactionId?

标签: javascriptreactjsdomreact-router

解决方案


如果您不想在路径中使用参数:

状态可以在详情页的props中获取

this.props.location.state.transactionId

但是你的详情页必须由路由器渲染


推荐阅读