react路由组件传参的三种方式

1.params参数

<Link to={`/list/msg/msgdetail/${item.id}/${item.title}`}>{item.title}</Link>

注册路由声明接收

获取 this.props.match.params

2.search参数

<Link to={`/list/msg/msgdetail/?id=${item.id}&title=${item.title}`}>{item.title}</Link>

注册路由无须声明，正常注册即可

获取 this.props.location.search

补充说明：search接收到的参数是?id="0"&title="王五"
需要处理数据成对象的形式{id：0，title:"王五"}
可以安装一个qs插件npm install qs
引入使用即可

3.state参数

<Link to={{pathname:'/list/msg/msgdetail',state:{id:item.id,title:item.title}}}>{item.title}</Link>

注册路由无须声明，正常注册即可

接收参数 this.props.location.state