리프 경로가 "/home" 위치의 요소나 구성 요소와 일치하지 않습니다.

Question

다른 화면으로 라우팅하려고 하면 ""/home" 위치에 있는 일치하는 리프 경로에 요소나 구성 요소가 없습니다. 즉, 기본적으로 null 값으로 렌더링한다는 의미입니다. <Outlet />, 페이지가 다음과 같이 됩니다. 비어있어.”

으아아아

Navigation.js, 화면 간 라우팅을 위한 하단 탭 탐색

으아아아

여러 솔루션을 시도했지만 아무 효과가 없었습니다. 나는 이것이 여러 코드 조각을 혼합하고 서로 맞추려고 노력하는 것과 관련이 있다고 생각합니다.

Answer 1

react-router@6의 Route 구성 요소는 ReactNode(예: JSX)를 허용하는 요소 속성 또는 React 요소를 허용하는 Component 속성을 사용합니다.

경로의 요소/구성요소를 봅니다.

으아악

또는

으아악

즉, 위의 두 번째 예는 최적화되지 않은 접근 방식이므로 사용하지 마세요.