react-router-dom

传参方式

1.通配符传参

优点：页面刷新，参数不丢失
缺点：只能传递字符串

<Route path='/path/:name' component={Path}/>
<Link to="/path/通过通配符传参">通配符</Link>
this.props.match.params.name                   // 获取参数

2.query传参

优点：可以传递对象
缺点：页面刷新，参数丢失

<Route path='/query' component={Query}/>
var query = {
	pathname: '/query',
    query: '我是通过query传值 '
}
<Link to={query}>query</Link>
this.props.location.query                     // 获取参数

3.state传参

优点：可以传递对象
缺点：页面刷新，参数丢失

<Link to={state}>state</Link>
var state = {
	pathname: '/state',
    state: '我是通过state传值'
}
<Route path='/state' component={State}/>
this.props.location.state                    // 获取参数