React36react-router的路由传参取参

  • 用的比较多的两种传参取参方式
    • 声明式导航路由配置时配置路由参数
      • 配置
                             
      • 传递
                            
      • 获取
        • 结构路由器对象里的match出来(match获取参数信息)
    • 编程式导航传递参数与获取
      • 结构路由器对象获取导航对象history(用作命令式导航)
      • 通过事件执行history.push({pathname:"/",state:{ foo: "bar" }})传递的参数装载在state里面
      • 从路由信息解构出location(当前的url信息)对象location.state进行获取
  • 示例:
    • 生命式导航
    • 编程式导航
 
posted @ 2020-01-15 00:57  Godfi  阅读(262)  评论(0编辑  收藏  举报