在某些路线上隐藏导航栏(React Router v5)

大烟

希望您过得愉快。

我遇到的问题是,我有10条以上的航线我希望拥有导航栏,而有2条路线中的我不想拥有导航栏。到目前为止,这就是我设置路线的方式。

<BrowserRouter>
    <Navbar/>
    <Switch>
      <Route exact path='/' component={Home}/>
      /* My routes with the navbar here */
    </Switch>
  </BrowserRouter>

现在,我将如何放置不希望拥有导航栏的路线?抱歉,如果我对此描述不佳,请在评论中提出,我将作进一步解释。谢谢您能给我的任何帮助。

乔恩·B

感觉这不是最好的方法,但是您可以使用上下文api隐藏/显示每条路线的导航

https://codesandbox.io/s/react-router-basic-jm1vf

在此示例中,/ about路线隐藏了导航

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react-router v5 –嵌套路由

来自分类Dev

react-router 路由 <Link> v5

来自分类Dev

React Router V5:在动态路由中需要嵌套路由

来自分类Dev

使用typescript的React Router v5上必需的url参数,可以不确定

来自分类Dev

无法在React Router v5上打印嵌套路由的子组件

来自分类Dev

如何在React Router v5中推送到历史记录?

来自分类Dev

React Router Dom v5:无法识别GUID / UUID的正则表达式路径

来自分类Dev

使用react-router-dom V5完成操作后重定向。

来自分类Dev

React Router V5:在动态路由中需要嵌套路由

来自分类Dev

在登录并刷新页面后,react router v5 privateroute将登录

来自分类Dev

React导航抽屉V5

来自分类Dev

当单击链接时,React Router V5没有呈现路线,但是后退和前进按钮有效吗?

来自分类Dev

反应导航v5自定义抽屉路线

来自分类Dev

删除Header React Navigation v5

来自分类Dev

隐藏多条路线上的某些组件 angular 5

来自分类Dev

React Navigation v5中的初始路线参数?

来自分类Dev

在类中存在的标头中使用“导航”和“路线”-React-navigation v5

来自分类Dev

React Navigation V5 + Redux Saga:如何从Saga导航?

来自分类Dev

React Navigation V5隐藏底部选项卡

来自分类Dev

如何在react-navigation v5中从单个屏幕隐藏堆栈导航标题

来自分类Dev

如何在React Native Navigation V5的标签栏中隐藏标签?

来自分类Dev

React Navigation V5隐藏Stack Navigator中的Bottom标签栏

来自分类Dev

Shoutem v5 如何处理多级导航?

来自分类Dev

在BottomTabNavigator react-navigation v5内嵌套StackNavigator

来自分类Dev

在React Navigation v5中传递道具的问题

来自分类Dev

如何在React Navigation v5中重置状态?

来自分类Dev

react中的fullcalendar v5 useref()不包含日历

来自分类Dev

React Router导航栏示例

来自分类Dev

如何在react-navigation v5中同时呈现Tab导航和Drawer导航

Related 相关文章

  1. 1

    react-router v5 –嵌套路由

  2. 2

    react-router 路由 <Link> v5

  3. 3

    React Router V5:在动态路由中需要嵌套路由

  4. 4

    使用typescript的React Router v5上必需的url参数,可以不确定

  5. 5

    无法在React Router v5上打印嵌套路由的子组件

  6. 6

    如何在React Router v5中推送到历史记录?

  7. 7

    React Router Dom v5:无法识别GUID / UUID的正则表达式路径

  8. 8

    使用react-router-dom V5完成操作后重定向。

  9. 9

    React Router V5:在动态路由中需要嵌套路由

  10. 10

    在登录并刷新页面后,react router v5 privateroute将登录

  11. 11

    React导航抽屉V5

  12. 12

    当单击链接时,React Router V5没有呈现路线,但是后退和前进按钮有效吗?

  13. 13

    反应导航v5自定义抽屉路线

  14. 14

    删除Header React Navigation v5

  15. 15

    隐藏多条路线上的某些组件 angular 5

  16. 16

    React Navigation v5中的初始路线参数?

  17. 17

    在类中存在的标头中使用“导航”和“路线”-React-navigation v5

  18. 18

    React Navigation V5 + Redux Saga:如何从Saga导航?

  19. 19

    React Navigation V5隐藏底部选项卡

  20. 20

    如何在react-navigation v5中从单个屏幕隐藏堆栈导航标题

  21. 21

    如何在React Native Navigation V5的标签栏中隐藏标签?

  22. 22

    React Navigation V5隐藏Stack Navigator中的Bottom标签栏

  23. 23

    Shoutem v5 如何处理多级导航?

  24. 24

    在BottomTabNavigator react-navigation v5内嵌套StackNavigator

  25. 25

    在React Navigation v5中传递道具的问题

  26. 26

    如何在React Navigation v5中重置状态?

  27. 27

    react中的fullcalendar v5 useref()不包含日历

  28. 28

    React Router导航栏示例

  29. 29

    如何在react-navigation v5中同时呈现Tab导航和Drawer导航

热门标签

归档