zoukankan      html  css  js  c++  java
  • react Router3和Router4的区别

      每当出现一个新内容的时候,我们都要比较新版本和老版本的区别在哪里,有助于学习和了解

      下面小编总结一下V3和V4的区别

      一、V3或者说V早期版本是把router 和 layout components 分开

      那么在V4中是怎么样的呢

      ①集中式 router

      ②通过 <Route> 嵌套,实现 Layout 和 page 嵌套

      ③Layout 和 page 组件 是作为 router 的一部分

      二、在V3中,我们是将整个庞大的router直接丢给Dom

      在V4中,除了BrowserRouter,我们丢给DOM的我们的程序本身

      另外,V4 中,我们不再使用 {props.children} 来嵌套组件了,替代的 <Route>,当 route 匹配时,子组件会被渲染到 <Route> 书写的地方

      四、在V3 中的 routing 规则是 exclusive,意思就是最终只获取一个 route

      而 V4 中的 routes 默认是 inclusive 的,这就意味着多个 <Route>可以同时匹配和呈现

      如果只想匹配一个路由,可以使用Switch,在 <Switch> 中只有一个 <Route> 会被渲染,同时可以再在每个路由添加exact,做到精准匹配

      Redirect,浏览器重定向,当多有都不匹配的时候,进行匹配

      

      

  • 相关阅读:
    ASP日期格式化函数
    HTML友情链接代码
    JS判断是否为数字或为空
    ASP查询数据RS转换成COMMAND
    PHP文本的读写
    负边距的应用
    EntityFramework数据持久化 Linq介绍
    EntityFramework数据持久化 Linq介绍
    EntityFramework数据持久化 Linq介绍
    EntityFramework数据持久化 Linq语法应用
  • 原文地址:https://www.cnblogs.com/luxinyi/p/10044816.html
Copyright © 2011-2022 走看看