相关疑难解决方法(0)

使用 react-router 在特定页面上排除 <Header /> 组件

这是一个工作代码:

const AppRouter = () => (
<BrowserRouter>
  <div>
    <Header />
    <Switch>
      <Route path="/" component={DashboardPage} exact={true} />
      <Route path="/:id" component={ViewerPage} /> // <-- Exclude Header component from this page
      <Route path="/create" component={CreatePage} />
      <Route path="/edit/:id" component={EditPage} />
      <Route path="/help" component={HelpPage} />
      <Route component={NotFoundPage} />
    </Switch>
  </div>
</BrowserRouter>
);

export default AppRouter;
Run Code Online (Sandbox Code Playgroud)

我似乎无法弄清楚如何从 ViewerPage 组件页面中排除 Header 组件。有没有办法做到这一点?

javascript reactjs react-router

9
推荐指数
2
解决办法
7600
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1