我的代碼有兩個問題：第一：我的整個應(yīng)用程序似乎運行良好，當(dāng)我第一次加載我的 Web 應(yīng)用程序時，我可以訪問我的所有路由。我的應(yīng)用程序包含一個帶有導(dǎo)航欄的登陸頁面，導(dǎo)航欄有一個登錄按鈕，可將我直接帶到應(yīng)用程序的主頁（尚未添加身份驗證）。此主頁的導(dǎo)航欄與登錄頁面上的導(dǎo)航欄不同。導(dǎo)航欄項目是（home、about 和 LandingPage）。我的 App.js 有到登陸頁面組件、作為 Gitapp 組件的主頁和一個 PageNotFound 組件的路由。Gitapp 組件包含到關(guān)于頁面和其他組件的路由。如果我在 App.js 上的其中一個路由（第一級路由）上碰巧重新加載頁面，它會重新加載正常。但是，如果我在 Gitapp 組件上存在的路由（二級路由）上，第二：我的第二個導(dǎo)航欄有一個退出按鈕，可以讓我回到登陸頁面。由于某種原因，我無法讓它工作，因為如果我將路由添加到我的 Gitapp 組件中的登錄頁面，React 將嘗試在主頁下方顯示登錄頁面。這是 App.js：const App = () => {  return (    <Fragment>      <Router>        <Switch>          <Route exact path='/' component={LandingPage} />          <Route exact path='/gitapp' component={GitApp} />          <Route component={PageNotFound} />        </Switch>      </Router>    </Fragment>  );};這是 LandingPage.js：const LandingPage = () => {  return (    <div>      <NavbarLanding />      <SideNavBar />      <LandingSection1 />      <LandingSection2 />      <LandingSection3 />      <Route exact path='/gitapp' component={GitApp} />    </div>  );};這是 Gitapp.js：const GitApp = ({ match }) => {  return (    <GithubState>      <Router>        <div style={containerStyling}>          <Navbar />          <Switch>            <Route exact path={match.url} component={Home} />            <Route              exact              path={`${match.url}/user/:login`}              component={UserProfile}            />            <Route exact path={`${match.url}/about`} component={About} />          </Switch>          <Footer />        </div>      </Router>    </GithubState>  );};const containerStyling = {  minHeight: '100vh',  overflow: 'hidden',  display: 'block',  position: 'relative',  paddingBottom: '70px'};