使用react进行动态路由
使用react进行动态路由
提问于 2019-05-15 19:04:01
我想知道如何在React中将单击的项id传递到路由路径？
这是我的父组件
export default class ParentComponent extends Component {
state = {
data: null
};
render() {
return (
<section>
<Row>
<ul>
<li>....<li>
....
<ul>
</Row>
<Row>
<ChildComponent rowData={this.state.data} />
</Row>
</section>
);
}
}我有一个列表元素，当我点击一些li元素时，我得到了这个元素的id。到目前为止，一切都很好。
我想知道如何以及在哪里动态地传递childComponent this item id like path参数。
我的id在this.state.data.id中，我想创建此id并将其传递给组件的路由
网址将如下所示：details/id
因此，单击到li元素路由将转到子组件，并且子组件将具有所单击项目的id。
我正在使用react-router
我的app.js中路由路径：
<Switch>
<Route path="/login" />
<Route exact path="/callback" />
<Route path="/about" component={About} />
</Switch>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56147821
复制相关文章
相似问题