小编Luc*_*aes的帖子

我有一个使用 React 和 Redux 的 APP，我想NotFound在用户输入无效路由时加载一个组件。我在网上找到了解决这个问题的方法，就是把所有的路由都放在一个交换机里面，包括NotFound组件。

问题是，在我的应用程序中，我不能将所有路由都放在 Switch 中，因为有一个组件需要拉伸到整个页面，而所有其他组件都需要在“容器”中。我在下面使用它的方式（请参阅代码），该NotFound组件适用于所有情况，除非我在“着陆”组件路线上（该NotFound组件始终显示）。

我试图将着陆组件放在Switch带有“容器”div 的内部，但应用程序崩溃了。

有没有办法解决这个问题？（将着陆组件放在容器外面，其他组件放在里面）

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <Router>
          <div className="App">
            <Navbar />
            <Route exact path="/" component={Landing} />
            <div className="container">
              <Switch>
                <Route exact path="/register" component={Register} />
                <Route exact path="/login" component={Login} />
                <Route exact path="/profiles" component={Profiles} />
                <Route exact path="/profile/:handle" component={Profile} />
                <PrivateRoute exact path="/dashboard" component={Dashboard} />
                <PrivateRoute
                  exact
                  path="/create-profile"
                  component={CreateProfile}
                />
                <PrivateRoute
                  exact
                  path="/edit-profile"
                  component={EditProfile} …