如何创建一个＆＃34;外部＆＃34;在使用嵌套路由时，React路由器4中的404路由？

Question

我试图在React路由器4中创建404路由。问题是，我的主路由页面呈现了一个我调用的组件＆＃34; container＆＃34;，其中呈现了所有标准视图。看起来像这样：

const AppRouter = () => (
 <Router history={history}>
   <div>
     <Header></Header>
     <Switch>
       <Route path="/" component={Container}  />
       <Route component={NotFoundPage} />
     </Switch>
   </div>
</Router>
);

然后是容器：

const Container = (props) => (
  <div>
      <Switch>       
          <Route path="/" component={DashboardPage} exact={true} />
          <Route path="/Test" component={Test} />
      </Switch>       
  </div>
 );

这个想法是将404页面与容器完全分开。使用当前设置，404页面甚至无法呈现。 如果我将此路线放在容器的开关中，它将在404的情况下呈现，但当然它将位于容器内。

将它与容器完全分开的方法是什么？