向路由组件传递参数

1. params参数

• 路由链接，携带参数

 <Link to={`/about/${this.state.id}`}>about</Link>

• 注册路由，声明接受

<Route path='/about/:id' component={About}/>

• 接受参数：this.props.match.params

2. search参数

• 路由链接，携带参数

 <Link to={`/about/?id=${this.state.id}&title=hehe`}>about</Link>

• 注册路由，无需声明，正常注册即可

<Route path='/about' component={About}/>

• 接受参数：this.props.location.search
• 备注：获取到的search是urlencoded编码字符串，需要借助querystring解析

3. state参数

• 路由链接

 <Link to={{pathname:'/home',state:{id:'iloveyou'}}}>home</Link>

• 注册路由，无需声明，正常注册即可

 <Route path='/home' component={Home}/>

• 接受参数：this.props.location.state
• 备注：刷新也可以保留住参数