Outlet 질문이요
67
작성한 질문수 1
IndexPage.js 에서 <Outlet/>을 했는데 todo메뉴를 클릭하면 "/list" 페이지로 이동을 안 합니다.
console창을 보니 This means it will render an <Outlet /> with a null value by default resulting in an "empty" page 문구가 뜨는데 왜 그러는걸까요?
답변 2
0
아마도 라우팅 설정이 제대로 인식되지 않았을 가능성이 높아 보입니다.
/todo를 호출했을 때 자동으로 /todo/lsit로 이동하는 것은 <Navigate >를 이용한 설정이라 Outlet과는 관계가 없긴 합니다. 코드를 볼 수 있으면 좀 더 확실히 답변을 드릴 수 있을 듯 합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
hlkang님께서 겪고 계신 문제는 <Outlet /> 컴포넌트가 현재 서브 라우트를 정상적으로 렌더링하지 못하고 있는 상황과 관련이 있습니다. 이 에러 메시지가 나타나는 이유는 주로 라우트 구성에서 <Outlet /> 컴포넌트를 포함한 상위 라우트에 하위 라우트가 제대로 설정되지 않았기 때문입니다.
이 문제를 해결하기 위해 세 가지 사항을 점검해 보시기 바랍니다:
라우트 구성 확인:
IndexPage.js에서<Outlet />을 사용하고 있는 상위 라우트에 하위 라우트가 올바르게 설정되어 있는지 확인합니다. 예를 들어,list경로에 대해 하위 라우트를 설정해주어야 합니다.라우터 구성 파일 확인: React Router에서
BrowserRouter또는HashRouter안에 모든 라우트가 잘 구성되어 있는지, 중첩된 라우트가 제대로 설정되었는지 다시 확인하시기 바랍니다.코드 예제와 비교: 아래의 링크를 통해 다른 유사한 구성 예제 및 설명을 참고하실 수 있습니다.
만약 위의 사항들이 해결에 도움이 되지 않는다면, 프로젝트의 설정 사항이나 추가적인 코드를 공유해주시면 보다 구체적인 도움을 드릴 수 있도록 하겠습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..
0
72
2
22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.
0
74
2
37강. 강의수업듣다 질문드립니다.
0
56
2
TodoDTO test 함수
0
80
3
강사님 오타 있음요
0
77
2
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
94
4
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
70
3
17강 문의드립니다.
0
44
1
카카오 연동설정이 이제 안되는거 같아요
0
187
2
8장 마지막 강의 시 오류
0
98
4
혹시 뭐가 문제인지 알 수 있나요?
0
87
2
챕터: React-Router 설정
0
58
2
백)TODO관련
0
56
2
마리아 db 설치중 포트를 이미 사용중이라고 합니다
0
109
2
이강의 듣고 소화시켰다면 몇년차 정도 개발자라고 할수 있을까요?
0
105
1
CSR , SSR 의 수요 궁금증 질문
0
81
2
섹션5부터...
0
71
1
간단한 코드 질문!!
0
59
2
tbl_todo 질문입니다
0
64
2
수업 외 질문인데 'tbl'이 무슨 의미인가요???
0
288
2
엔티티클래스에서 질문입니다
0
77
2
수정시 writer값이 삭제되는 오류
0
41
2
교안 31 오타 수정해주세요
0
62
2
쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined
0
78
1