react路由

动态路由参数

params传的参数是暴露在url中的   // 且后代路由都会接收到该参数                                              // 主
需要 先声明 后注册传递参数
​
注册声明 <Route path=' /sort/:id '   component={Sort}></Route>
​
传递参数 this.props.history.push(  '/sort/'+'2'  )、
​
取值 props.match.params.id（函数式组件）

state传的参数是加密的    // 且后代路由不会接收到该参数，  重要的一点 ：  history模式下刷新也可以保持住参数                 // 主
无需声明，直接注册使用即可
​
传递参数 props.history.push({ pathname: path, state: { name: '孙悟空' } })
​
取值 props.location.state.name（函数式组件）

search(query) 需要解析，所以略过  // 且后代路由都会接收到该参数
无需声明，直接注册使用即可
​
传递参数 props.history.push({ path, query: { name: ' sunny' } })
​
取值 this.props.location.query.name