리액트 중첩 라우팅 질문입니다.

Question

App.js

여기 헤더에 Navbar가 굿즈 버튼을 눌러도 최상단에 fixed로 그대로 보는 형태임

굿즈}>

Goods.js(App.js 랑 다른 nav임 fixed는 아니고 그냥 flex임) app.js의 nav도 최상단에 그대로 보이면서 그 아래 이 nav도 상세페이지를 클릭했을 때 계속 보이게 새로운 페이지를 띄우고 싶은데

상세페이지

이렇게 되어있다고 가정할때다시말씀드리면,상세페이지를 클릭했을 때 Goods.js 에 main 영역만 바뀌게 하고싶어요 중첩라우팅을 사용해야하는 것 같은데헷갈려서 도움 요청드립니다.Link to/hrefuseNavigate()중첩 Route 등 다 사용가능합니다.App.js > Goods.js > view.jsGoods.js에서 상세페이지를 누르면 view.js로 가게 할건데 Goods.js에서 nav를 상단에 유지하면서 페이지를 띄우고싶습니다.

샘톨 · Answer

Outlet 컴포넌트 찾아보세요

리액트 중첩 라우팅 질문입니다.

1개의 답변

Q&A 목록