通过params传参
/*路由配置页面*/
<Route path="/addPage/:id" component={addPage} />
/*跳转前的页面,点击后跳转的方法*/
goAddPage() {
let id = 111
this.props.router.push({
pathname: `/addPage/${id}`
})
}
在跳转后的页面中可以通过this.props.router.params得到传递的params
通过query传参
/*路由配置页面*/
<Route path="/addPage" component={addPage} />
/*跳转前的页面,点击后跳转的方法*/
goAddPage() {
const query = {
id: 111,
name: '云中客'
}
this.props.router.push({
pathname: '/addPage/',
query
})
}
在跳转后的页面中通过this.props.router.location.query得到传递的query