1.通过params参数,参数在地址栏体现
在路由链接里面携带参数
<Link to=‘/home/home_message/detail/1/message1’}>消息1</Link>
在注册路由的时候声明接受参数
在路由组件中接收参数:
2.向路由组件传递search参数,参数在地址栏体现了
配置路由链接:
<Link to={`/home/home_message/detail/?key=value&key=value`}>详情</Link>
注册路由:无需声明接受search参数,正常注册就行
<Route path="/home/home_message/detail/" component={Detail}/>
在路由组件中接受search参数
引入querystring库,对接收到的urlencoded编码字符串进行解析
const {search}=this.props.location
const {key1,key2}=qs.parse(search.slice(1))
3.向路由组件传递state参数
配置路由链接:携带参数
其中to是一个对象
&