0
点赞
收藏
分享

微信扫一扫

react路由

想溜了的蜗牛 2022-02-22 阅读 90

动态路由参数

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
举报

相关推荐

react 路由

[react] 路由

React 路由

React路由

Vue路由和React路由

React笔记(七) React路由

React路由+1

react路由props

React 页面路由

0 条评论