正文

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

IP云
IP云V管理员/2 阅读
08/02
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
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版本中不再可用，老版本获取参数方式