React 向路由组件传递参数

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是一个对象

 &