홈>2020-02-26 00:40

reactjs - 반응 - 다른 페이지 세트에 대한 라우트 설정

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

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등

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

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

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

감사합니다.

reactjsreact-routerreact-router-v4

답변 # 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} />
```
예상대로 작동합니다.

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

Python2.net

reactjs - 반응 - 다른 페이지 세트에 대한 라우트 설정

관련 자료