react路由传参

1.通配符传参

<Route path='/user/:name' component={User}/>

<Link to="/user/通过通配符传参">通配符</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 === '我是通过query传值'

这种方法刷新页面数据会消失。

3.state传值

<Link to={state}>state</Link>

组件里面：

var state = { pathname: '/state', state: '我是通过state传值' }

<Route path='/state' component={State}/>

页面获取：this.props.location.state === '我是通过state传值'

这方法刷新页面数据会消失。