路由 404，但它显示在 React js 的每个页面上

Question

我尝试使用404页面，在这种情况下它被称为ErrorPage，但它仍然会出现在每个页面上，如何解决这个问题，可以帮助我。我尝试过使用 Switch，但似乎没有任何效果

渲染（）{ 让 fullWidthPanel = ;

return (
  <Provider store={store}>
    <AlertProvider template={AlertTemplate} {...alertOptions}>
      <Router>
        <Switch>
          {/* routes without a header & footer */}
          <PrivateRoute
            exact
            path="/register/confirm"
            component={AccountConfirm}
          />
          <PrivateRoute
            exact
            path="/drafts/draft-panel"
            component={() => fullWidthPanel}
          />
          <PrivateRoute
            exact
            path="/drafts/draft-panel/locations"
            component={Locations}
          />
          <Route exact path="/login" component={Login} />
          <Route exact path="/register" component={Register} />
          {/* Offer confirm page */}
          <Route exact path="/d/:slug" component={SharedOffer} />
          <Fragment>
            <Header />
            <Alerts />
            <div className="container body pb-5">
              {/* Any routes we want to protect, get PrivateRoute instead of Route */}
              {/* Auth and user related */}

              {/* General public routes */}
              <Route exact path="/blog" />

              <Route exact path="/" component={FrontPage} />
              {/* (Agency) Clients */}
              <PrivateRoute exact path="/clients" component={Clients} />
              <PrivateRoute
                exact
                path="/clients/edit"
                component={ClientsPanel}
              />
              <PrivateRoute exact path="/drafts" component={Drafts} />
              <PrivateRoute exact path="/offers" component={Offers} />
              {/* Account management  */}
              <PrivateRoute exact path="/settings" component={Settings} />
              <PrivateRoute exact path="/teams" component={Teams} />
              <PrivateRoute exact path="/discounts" component={Discounts} />
              <PrivateRoute exact path="*" component={ErrorPage} />
            </div>
            <Footer />
          </Fragment>
        </Switch>
      </Router>
    </AlertProvider>
  </Provider>
);

} }

ReactDOM.render(, document.getElementById("app"));

Answer 1

不要使用错误页面的路径也许它可以工作我没有尝试过但可能对你有帮助