美文网首页
一级二级 Route 匹配

一级二级 Route 匹配

作者: 2020路飞 | 来源:发表于2020-07-20 10:27 被阅读0次

一级路由navbar始终存在,
二级路由的navBarHome显示的前提是在一级路由中匹配到相应的路由,渲染相应组件如Home。

例如,url /hot 先匹配一级路由 ‘/’ 渲染 Home组件 ,再匹配‘/hot’ 渲染 Hot组件。这样两个navbar都有。

作为单页应用,每次渲染url匹配到的route的组件。想像成url从app入口向下滑动,最终到相应的route渲染相应的组件。

  1. 一级路由:
      <Helmet>
          <title>知乎</title>
      </Helmet>
      <NavBar />
      <Switch>
        <Route exact path='/explore' component={Explore} />
        <Route path='/' component={Home} />

      </Switch>

2.二级路由:

       <NavBarHome />
       <Switch>
         <Route exact path='/follow' component={Follow} />
        <Route exact path='/hot' component={Hot} />
        <Route path='/' component={Recommend} />
      </Switch>

相关文章

  • 一级二级 Route 匹配

    一级路由navbar始终存在,二级路由的navBarHome显示的前提是在一级路由中匹配到相应的路由,渲染相应组件...

  • Turbo51中文手册

    # 一级 ## 二级 ### 一级二 #### 二级二

  • react路由

    组件有如下属性: path(string): 路由匹配路径。(没有path属性的Route 总是会 ...

  • markdown-learn

    一级标题 ================ #一级标题 二级标题 ---------------- ##二级标题 ...

  • Spring Cloud Gateway -- 路由断言工厂

    路由断言工厂(Route Predicate Factory) Spring Cloud Gateway的路由匹配...

  • 嘿嘿嘿,也许我们就此相识

    听说简书匹配Markdown语法,我专门试一下,希望能给我带来更好的体验! # 一级标题吗 ## 二级标题吗 ##...

  • 这是一个标题

    一级标题一级标题一级标题一级标题 二级标题二级标题二级标题二级标题 三级标题三级标题三级标题三级标题三级标题 四级...

  • mybatis一级缓存

    mybatis有一级和二级缓存,一级是sqlSession级别,二级是application级别。 一级缓存的生命...

  • 无标题文章

    #一级 ##二级

  • 无标题文章

    # 一级 ## 二级

网友评论

      本文标题:一级二级 Route 匹配

      本文链接:https://www.haomeiwen.com/subject/pyrekktx.html