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

3.state参数

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

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

接收参数 this.props.location.state