时间戳

首页 > 解决方案 > 如何将道具从一个屏幕传递到另一个屏幕并显示？

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

问题描述

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

标签： javascriptreactjsreact-reduxreact-router

解决方案

为了访问另一个屏幕中的路由道具，您必须使用：

this.props.match.params.id

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

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

推荐阅读