반응 레이아웃 VS 라우터

Question

React에서 구성요소를 표시하거나 라우팅하는 것에 대해 질문이 있습니다. 헤더, 왼쪽 메뉴, 콘텐츠 섹션으로 홈페이지 레이아웃을 설정했습니다. 기본 콘텐츠 섹션만 변경하면 되는 페이지를 만드는 것이 아이디어입니다. 이것이 좋은 접근 방식인지, 이 작업을 수행하기 위해 라우터를 사용해야 하는지 아니면 후크만 사용해야 하는지 궁금합니다. 제가 하고 있는 작업에서는 useState 후크를 사용하여 표시할 구성 요소를 설정하고 있으며 라우터는 필요하지 않지만 이것이 올바른 접근 방식인지 궁금합니다. 메뉴를 클릭하세요: setContent(<QueryIndic

P粉627136450 · Answer

사용자 상호 작용을 기반으로 콘텐츠를 표시/렌더링하기 위해 조건부 논리를 적용하는 방법은 주관적이지만 옵션이 있습니다.

현지 상태 사용

로컬 상태를 사용하는 것은 괜찮은 것 같지만 JSX를 상태에 저장하고 일부 데이터(예: 구성 요소에 대한 참조)를 저장하고 이를 매핑하는 것은 렌더링하려는 JSX를 선언하는 React 안티 패턴으로 간주됩니다.

예:

으아악

길찾기 사용

react-router 和路由来管理内容的条件渲染，则将该组件转换为一个布局组件，该布局组件为嵌套渲染一个 Outlet 구성요소를 사용하여 경로를 렌더링하려는 경우. 라우터/라우터는 경로 일치를 관리하고 특정 경로 콘텐츠를 렌더링합니다.

예:

으아악 으아악 으아악