javascript - 如何使用反应路由器 dom Link 将数据从一个页面传递到另一个页面?
问题描述
我正在尝试使用链接状态将 ID 从一个页面传递到另一个页面。
我正在尝试从购买页面获取价值并将其发送到购买详细信息。这是我正在使用的代码:
<Link
to={{
pathname: "/purchases-detail",
state: { transactionId: item?.transactionId },
}}/>
下一页如何访问和使用transactionId?
解决方案
如果您不想在路径中使用参数:
状态可以在详情页的props中获取
this.props.location.state.transactionId
但是你的详情页必须由路由器渲染
推荐阅读
- reactjs - 在 JS React 中从给定数组创建数据行
- javascript - javascript 作用于页面事件
- firebase - 我可以查询的许多字段的 Firebase 数据库索引
- c# - 即使 IsEnabled 属性设置为 false,Excel 按钮也不会被禁用
- sql - 将一列迁移到多列
- kubernetes - 启用网络策略的 Kubernetes 运行状况检查失败
- ruby-on-rails - 更新 rails ActiveModel 条目时的 Psych::DisallowedClass
- android - 一个屏幕上的两个片段。两个片段的滚动动画
- php - 如何避免页面刷新后重新提交
- php - PHP/MySQL 的字符编码问题