路由传参

params传参(刷新页面后参数不消失，参数会在地址栏中显示)

1.1 页面路由：<Route path='/path/:name' component={path} />
1.2 链接方式：<Link to={ '/path/' + name}> 页面 </Link> 或 <Link to={{pathname:'/path/' + name}}>页面</Link>
1.3 js方式：this.props.history.push('/path/' + name) 或 this.props.history.push({pathname: '/path/' + name})

获取参数： this.props.match.params.name

query传参(刷新后页面参数丢失)

1.1 页面路由：<Route path='/path' component={path} />
1.2 链接方式：<Link to={ '/path', query:{name: 33}}> 页面 </Link> 或 <Link to={{pathname:'/path', query:{ name: 33 } }}>页面</Link>
1.3 js方式：this.props.history.push('/path', query:{name: 33} ) 或 this.props.history.push({pathname: '/path',query:{name: 33} })

获取参数：this.props.location.query.name

state传参(刷新后页面参数不丢失，state传参是加密的)

1.1 页面路由：<Route path='/path' component={path} />
1.2 链接方式：<Link to={ '/path', state:{name: 33}}> 页面 </Link> 或 <Link to={{pathname:'/path', state:{ name: 33 } }}>页面</Link>
1.3 js方式：this.props.history.push('/path', state:{name: 33} ) 或 this.props.history.push({pathname: '/path',state:{name: 33} })

获取参数：this.props.location.state.name