如何使用反应路由器dom链接将数据从一个页面传递到另一个页面？

如何解决如何使用反应路由器dom链接将数据从一个页面传递到另一个页面？

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

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

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

下一页如何访问和使用transacationId？

解决方法

您可以简单地将其作为参数添加到路径中，而不是将其传递给状态

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

然后在详细信息页面中，您可以使用来自 this.props.location.search 的查询字符串

,

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

状态可以在详情页的props中检索

this.props.location.state.transactionId

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