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

Question

我必须在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}

Answer 1

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

this.props.match.params.id

但首先，当然，您应该在路由文件中添加一个适当的组件，路径如下：

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