React-router - 根据单击的链接选择要插入到组件的数据

Question

我正在使用React建立一个投资组合并拥有一个＆＃34; ProjectPage＆＃34;我将用作个人项目的模板。

当用户点击＆＃34;查看项目＆＃34;按钮它会将它们带到＆＃34; ProjectPage＆＃34;，但我不确定如何更改数据（例如标题，图像，描述）。这样做的最佳方式是什么？

我正在考虑使用一个对象数组，这会将数据插入到组件中。

以下是github上我的投资组合网站的链接：https://github.com/james2406/Portfolio

由于

Answer 1

根据路线更改数据。您可以使用这样的参数：

<Route path="project/:projectId" component={ ProjectPage }></Route>

然后，在Project Page组件内，您可以像这样访问该参数：

this.props.params.projectId

根据该值，您可以显示项目标题，图像和说明。您可以从商店中获取数据。