programing

리액트 라우터와 익스프레스 루트의 차이점은 무엇입니까?js

bestprogram 2023. 3. 28. 22:45

리액트 라우터와 익스프레스 루트의 차이점은 무엇입니까?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