反应路由器道具网址

Question

我是新来的反应所以请原谅我的术语......

我正在尝试在网站上创建投资组合项目的视图，每个投资组合项目将使用相同的视图，但具有唯一的URL ...

site.com/project1,site.com/project2，我希望这些是从json数据创建的，我如何动态创建这些而不是硬编码？例子我将project3（带属性）添加到json文件，这个页面会被添加到列表中吗？

如果它有任何区别我不使用redux，只需简单的SPA ......

谢谢！

Answer 1

我相信你的最佳方法是定义这样的路线

<Router>
  ...
  <Route path="/project/:id" component={Project}>
</Router>`

因此，您可以稍后在组件中使用id来加载某个项目

class Project extends Component {
  ...
  componentDidMount() {
    loadProject(this.props.params.id);
  }
  ...
}