react路由

阅读 90

2022-02-22

动态路由参数

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

精彩评论(0)

0 0 举报