반응 레이아웃 VS 라우터

Question

React에서 구성요소 표시 또는 라우팅에 대해 질문이 있습니다. 홈페이지 布局，其中包含标题、左侧菜单和内容 섹션을 설정했습니다. 기본 콘텐츠 섹션만 변경하면 되는 페이지를 만드는 것이 아이디어입니다. 이것이 좋은 접근 방식인지, 이 작업을 수행하기 위해 라우터를 사용해야 하는지 아니면 후크만 사용해야 하는지 궁금합니다.

내가 한 일은 useState 후크를 사용하여 표시할 구성 요소를 설정했을 뿐이고 라우터가 필요하지 않은데 이것이 올바른 방법인지 궁금합니다.

• 메뉴를 클릭하세요:

  으아아아

• 현재 구성요소를 보여주는 Content 섹션이 있습니다:

  {content}

  으아아아

Answer 1

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

현지 상태 사용

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

예:

으아악

길찾기 사용

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

예:

으아악 으아악 으아악