我想知道如何在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>
发布于 2019-05-15 19:13:31
您可以使用url params。请查看下面的url https://reacttraining.com/react-router/web/example/url-params
<Switch>
<Route path="/login" />
<Route exact path="/callback" />
<Route path="/about" component={About} />
<Route path="/details/:id" component={DynamicComp} />
</Switch>
var DynamicComp = ({match})=>({<div>{match.params.id}</div>})
https://stackoverflow.com/questions/56147821
复制相似问题