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" ... />

如何将道具从一个屏幕传递到另一个屏幕并进行显示？

1 个答案: