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

Posted 2021-01-11 mengff

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React router 4 获取路由参数，跨页面参数相关的知识，希望对你有一定的参考价值。

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版本中不再可用，老版本获取参数方式

以上是关于React router 4 获取路由参数，跨页面参数的主要内容，如果未能解决你的问题，请参考以下文章