- params參數
- 路由鏈接,攜帶參數
<Link to={`/about/${this.state.id}`}>about</Link>
- 注冊路由,聲明接受
<Route path='/about/:id' component={About}/>
- 接受參數:this.props.match.params
- search參數
- 路由鏈接,攜帶參數
<Link to={`/about/?id=${this.state.id}&title=hehe`}>about</Link>
- 注冊路由,無需聲明,正常注冊即可
<Route path='/about' component={About}/>
- 接受參數:this.props.location.search
- 備注:獲取到的search是urlencoded編碼字符串,需要借助querystring解析
- state參數
- 路由鏈接
<Link to={{pathname:'/home',state:{id:'iloveyou'}}}>home</Link>
- 注冊路由,無需聲明,正常注冊即可
<Route path='/home' component={Home}/>
- 接受參數:this.props.location.state
- 備注:刷新也可以保留住參數
浙公網安備 33010602011771號