React router 4 获取路由参数，跨页面参数

Posted 2021-01-11 mengff

1. match通过路径

<Route path="/path/:name" component={example} />

路由组件内获取参数使用

this.props.match.params.name

2. query String 通过search

//mirrorx中使用push的参数search，link中使用与此类似
actions.routing.push({
　　pathname: ‘/path/example‘,
　　search: `?name={name}`,
　}
)

路由组件内获取参数使用

this.props.location.search

是个字符串，可以使用querySrirng方法来获取指定参数

原来this.props.location.query.name这种方式在v4版本中不再可用，老版本获取参数方式