如何将道具从一个屏幕传递到另一个屏幕并显示？ [复制]

Posted 2023-02-21

【中文标题】如何将道具从一个屏幕传递到另一个屏幕并显示？ [复制]

【英文标题】：How to pass a props from one screen to another and display it? [duplicate]

【发布时间】：2019-06-13 10:46:48

【问题描述】：

我必须在 reactjs 中将数据从一个屏幕传递到另一个屏幕。并在接收端显示数据。

我使用路由器在屏幕之间导航，也传递了数据，但无法显示接收到的数据。 下面的代码是我传递数据的地方。

<div onClick=() => this.props.history.push('/About', 
 id:"2" ) class="col-sm-3 anchor">  

<img className="cat-img" src=""/>

<h3 className="text-center">name</h3>
</div>

我正在尝试使用屏幕 2 中的以下代码获取道具

this.props.history.id

【参考方案1】：

为了访问其他屏幕中的路由道具，您必须使用：

this.props.match.params.id

但首先，当然，您应该在路由文件中使用适当的组件，其路径如下：

<Route path="/your/path/:id" ... />

【讨论】：

对不起，它没有显示参数。我试图从一个屏幕传递到另一个屏幕......它是从 app.js 到 about.js。请帮帮我。

然后请将您的路由器配置、app.js 和 about.js 添加到您的答案中。