React-页面路由参数传递的两种方法
Posted superlizhao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React-页面路由参数传递的两种方法相关的知识，希望对你有一定的参考价值。
list页->detail页
方法一：路由参数
路由导航：
用“/”
<Link to={‘/detail/‘+item.get(‘id‘)} key={index}>
路由map：
加"/：id"
<Route exact path="/detail/:id" component={Detail} />
detail页获取参数：
准确的获取到id，不需要做处理
this.props.match.params.id
方法二：查询参数
路由导航：
用“？”
<Link to={‘/detail?‘+item.get(‘id‘)} key={index}>
路由map：
不加"/：id"
<Route exact path="/detail" component={Detail} />
detail页获取参数：
不能准确的获取到id，需要做处理
this.props.location.search
以上是关于React-页面路由参数传递的两种方法的主要内容，如果未能解决你的问题，请参考以下文章