리액트 라우터와 익스프레스 루트의 차이점은 무엇입니까?js
react, redux, express를 사용하여 프로젝트를 진행 중인데 react-router와 express route의 차이를 잘 모르겠습니다.js, 두 가지를 조합해야 합니까?아니면 하나만 사용해야 합니까?
https://github.com/reactjs/react-router
협조해 주셔서 감사합니다:)
주의: 이 stackoverflow 게시물에는 많은 도움이 되는 예와 코드가 포함되어 있습니다.
그건 전형적인 오해예요.Express는 백엔드 루트를 처리하는 반면 React(react-router 또는 프론트엔드 라우팅 lib 포함)는 프론트엔드 루트를 처리합니다.React 어플리케이션은 SPA(싱글페이지 어플리케이션)가 될 수 있습니다.즉, 서버(Express 또는 다른 것)는index.html
리액션이 여기서부터 접수합니다.즉, React는 경로를 평가하고 렌더링할 뷰를 결정합니다.
따라서 사용자가 다음과 같은 경로로 이동할 때/accounts/me
서버는 필요에 따라 프런트 엔드(프런트 엔드) 어플리케이션에 대응합니다만,/api/users/me
데이터를 렌더링합니다.그냥 예시일 뿐이에요.
"일반적인" 사용법은 데이터를 (API를 통해) express로 처리하고 응용 프로그램(페이지 및 뷰)을 React로만 처리하는 것입니다.
서버 렌더링을 사용하고 있는 경우는, 조금 더 복잡해집니다.
대부분의 경우 둘 다 사용해야 합니다.
편집: 사용 방법과 수행 방법에 대한 질문이 더 구체적이면 더 쉽게 답변할 수 있습니다.
편집 2: 대부분의 경우 프런트 엔드 애플리케이션과 API(데이터)를 제공하는 서버가 동일하지 않습니다.그럴 경우 일부 루트가 serve에 도달했을 때 어플리케이션이 전송되도록 합니다./home
,/about
(분명히 -여기-API 루트가 아닌) serve를 송신해야 합니다.index.html
프런트 엔드 어플리케이션으로서 및 React가 루트를 처리해 렌더링 대상을 결정합니다.
언급URL : https://stackoverflow.com/questions/35796568/what-is-the-difference-using-react-router-and-the-express-routes-js
'programing' 카테고리의 다른 글
Wordpress에서 "An active PHP session was detected" 중요 경고를 받는 중 (0) | 2023.03.28 |
---|---|
AngularJS 인증, 세션 관리 및 REST API WS 보안 문제 (0) | 2023.03.28 |
React Native에서 JSX 구성 요소를 연결하는 방법 (0) | 2023.03.28 |
Rabbit 설정 방법스프링 토끼와의 MQ 연결? (0) | 2023.03.28 |
Ionic requests는 안드로이드에서만 404를 반환하고 Chrome에서는 정상적으로 동작합니다. (0) | 2023.03.28 |