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

【问题标题】：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}

【问题讨论】：

标签： javascript reactjs react-redux react-router

【解决方案1】：

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

this.props.match.params.id

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

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

【讨论】：

对不起，它没有显示参数。我试图从一个屏幕传递到另一个屏幕......它是从 app.js 到 about.js。请帮帮我。
然后请将您的路由器配置、app.js 和 about.js 添加到您的答案中。