>

내가 만든 다른 페이지 세트에 대해 라우트 세트를 설정하려고했지만 포함 된 첫 페이지 세트에 대해 라우트 세트를 작성할 수있었습니다

Intro.js  path = /
Login.js path = /login
Dashboard.js path = /dashboard which comes after login.

단순히app.js

에서 다음을 수행했습니다.
<BrowserRouter>
   <Switch>
      <Route path="/dashboard" component={Dashboard} />
      <Route path="/login" component={Login} />
      <Route path="/" component={Intro} />
   </Switch>
</BrowserRouter>

위의 기능은 훌륭하지만대시 보드에 착륙하면 대시 보드 전용 루트가 루트로 설정되어 있으므로/dashboard/home,/dashboard/about

이 레벨에서는 대시 보드에서 경로를 설정하는 방법에 대해 혼란스러워합니다.

다음은 페이지의 그래픽 일러스트입니다.

여기에서 무슨 일이 일어나고 있는지 이해하도록 도와 주시면 감사하겠습니다.

감사합니다.


  • 답변 # 1

    대시 보드도 라우터 구성 요소로 만들 수 있으므로 대시 보드 내부에 스위치를 넣으면 해당 경로에 /dashboard 가 생깁니다.  접두사. 이런 식으로

    <Switch>
      <Route path="/home" component={DashboardHome} /> // localhost:xxxx/dashboard/home
      <Route path="/about" component={DashboardAbout} /> // localhost:xxxx/dashboard/about
    </Switch>
    
    

  • 답변 # 2

    좋아, 나는 스스로 문제를 해결했다.

    단순히Dashboard.js

    에서 다음을 수행해야했습니다.
    <Route path="/dashboard/about" component={About} />
    <Route path="/dashboard/settings" component={Settings} />
    <Route exact path="/dashboard" component={Home} />
    
    

    예상대로 작동합니다.

    사람에게 도움이되기를 바랍니다.

관련 자료

  • 이전 c# - AspNet 동적 페이지에서 정적 HTML 파일 만들기
  • 다음 android - 개조 - 응답 결과를 얻으려고 시도