홈>
내가 만든 다른 페이지 세트에 대해 라우트 세트를 설정하려고했지만 포함 된 첫 페이지 세트에 대해 라우트 세트를 작성할 수있었습니다
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
- 답변 # 2
좋아, 나는 스스로 문제를 해결했다.
단순히Dashboard.js
에서 다음을 수행해야했습니다.<Route path="/dashboard/about" component={About} /> <Route path="/dashboard/settings" component={Settings} /> <Route exact path="/dashboard" component={Home} />
예상대로 작동합니다.
사람에게 도움이되기를 바랍니다.
관련 자료
- javascript - react link 및 react route - 페이지를 지우려고하지만 대신 추가가 발생합니까? 엄청 이상해
- reactjs - 사용자가 인증되지 않은 경우 깜박이는 개인 경로 반응
- javascript - 부울이 false에서 true로 변경 될 때 react 16에서 다른 div를 표시하는 방법은 무엇입니까?
- reactjs - 반응 탐색, 경로 데이터가 "정의되지 않은 것은 객체가 아닙니다"를 던집니다
- reactjs - 반응 라우팅을 사용하여 페이지 사이를 전환하는 방법
- r - flexdashboard의 다른 페이지에 대해 다른 입력 위젯이있는 다른 사이드 바
- asp.net core - Razor 페이지, 내비게이션 링크에 경로 값을 추가하려면 어떻게하나요?
- r - 종자 설정 - 입력이 변경되지 않은 후 출력이 다른 이유
- node.js - ExpressJS는 다른 경로에서 다른 경로를 호출합니다
- reactjs - react route - 구성 요소에서 현재 경로 키를 얻는 방법
- javascript - 개발 용으로 만 React 경로 제한
- 사용자가 버튼을 클릭하여 트리거 한 JavaScript로 다른 HTML 페이지를로드하는 방법은 무엇입니까?
- reactjs - React Route가 다른 페이지와 겹칩니다
- javascript - React Hook, Axios의 다른 호출에서 나온 객체 배열
- Windows에서 다른 사용자에 대한 환경 변수 설정
- reactjs - React는 두 개의 다른 아이콘에 대해 하나의 스타일 구성 요소를 생성합니까?
- javascript - React Hook 복잡한 상태, 중첩 된 값 설정
- Angular : API 응답에 따라 다른 구성 요소로 라우팅하는 방법은 무엇입니까?
- reactjs : ID 기반 경로에서 404 경로로 리디렉션하는 반응
- javascript - 상태 B의 상태를 설정할 때 React 후크는 상태 A의 이전 상태를 얻습니다
관련 질문
- javascript : 머티리얼 UI 탭에 "Failed prop type : The prop`children` is not supported. 오류가 있습니다. 제거하십시오"
- javascript : 모달 대화 상자에서 데이터 변경 후 React Component 새로 고침
- javascript : React 구성 요소가 무한대로 다시 렌더링됩니다.
- reactjs : React Router v5에서 전달되지 않는 상태
- javascript : 자산 폴더의 사진을 React Application에 어떻게 추가합니까?
- javascript : 사용자가 로그인했는지 여부에 따라 조건부 Navbar를 구현하는 전략
- reactjs : React에서 서버의 응답을 기반으로 새로운 경로로 안내
- reactjs : react-router-dom에서 withRouter는 무엇입니까?
- javascript : React Router는 URL을 변경하지만 BrowserRouter는 표시된 구성 요소를 변경하지 않습니다.
- javascript : React Router DOM에서 다음 스키마에 대한 경로를 어떻게 정의 할 수 있습니까?
대시 보드도 라우터 구성 요소로 만들 수 있으므로 대시 보드 내부에 스위치를 넣으면 해당 경로에
/dashboard
가 생깁니다. 접두사. 이런 식으로