React36react-router的路由传参取参
-
用的比较多的两种传参取参方式
-
声明式导航路由配置时配置路由参数
-
配置
-
传递
-
获取
-
结构路由器对象里的match出来(match获取参数信息)
-
编程式导航传递参数与获取
-
结构路由器对象获取导航对象history(用作命令式导航)
-
通过事件执行history.push({pathname:"/",state:{ foo: "bar" }})传递的参数装载在state里面
-
从路由信息解构出location(当前的url信息)对象location.state进行获取
-
示例:
-
生命式导航
-
编程式导航
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts