首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用React路由器进行条件渲染

使用React路由器进行条件渲染
EN

Stack Overflow用户
提问于 2017-10-20 11:47:44
回答 4查看 11K关注 0票数 9

我想在顶部使用nav呈现一些路由,而在不使用任何nav的情况下呈现其他路由(如注册/登录页面)。

对于nav的设置,我有:

代码语言:javascript
运行
复制
const App = () => (
  <Router>
    <div>
      <Nav />
      <div>
        <Route exact path="/" component={Home} />
        <Route path="/account" component={Account} />
        <Route path="/news" component={News} />
      </div>
      <Footer />
    </div>
  </Router>
);

我正在尝试找到使用React Router处理这个问题的最佳方法(似乎必须使用某种类型的条件可能?-“如果我当前的路由与这些路由中的任何一个匹配,那么就像这样渲染这个。”)。

谢谢!

EN

Stack Overflow用户

发布于 2018-06-21 19:42:19

<Route path={`foo/(A|B|C)`} component={() => (<Baz {...props}/>)} />

其中,A,B,C是与foo/A类似的不同路由。

票数 1
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46842117

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档