zoukankan      html  css  js  c++  java
  • React的路由react-router

    意思是:当你写一个web应用时候,应噶install的是react-router-dom,同样的,当你想写一个Native应用时候,需要install的是react-router-native,这两个都会下载react-router作为其依赖。

    react-router 提供了router的核心api,Router,Route,Switch,但是没有提供dom操作进行跳转的api。

    react-router-dom提供了BrowerRouter,Route,Link等api控制路由的跳转。

    HashRouter和BrowserRouter:

    react-router2、3或者vue-router,路由中包含#,就是HashRouter。

    react-router4不支持HashRouter,转而拥护BrowserRouter,原理是使用HTML5的history API(pushState,replaceState,popState)。

    Route:

    <Route exact path="/" component={OpenPacket}></Route>

    经常使用的exact,path,component属性。exact控制匹配到路径/不会再继续向下匹配,path匹配路由,component表示路径对应显示的组件

    Link和NavLink:

    两者控制路由跳转,不同点是NavLink的api更多。

    Switch:用来包裹Route,里面不能放其他元素。

    【未完待续】

    新年flag5——了解自己

  • 相关阅读:
    NABCD项目分析
    周总结6
    移动端展示
    暑期周进度报告(四)
    暑期周进度报告(三)
    暑期周进度报告(二)
    暑期周进度报告(一)
    《人件》阅读笔记02
    周学习进度报告(2020/06/05)
    2020春季软件工程课程总结
  • 原文地址:https://www.cnblogs.com/tangjiao/p/10370908.html
Copyright © 2011-2022 走看看