1.通配符传参

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 

<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传值'

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄