Next.js에서 페이지별 레이아웃 분기 처리

Question

java, spring쪽으로만 하다가 웹 프론트 공부로 react 처음으로 공부해볼겸 next.js로 간단한 웹 페이지 구축중입니다.next.js에서Header, footer를 컴포넌트로 만들고 DefaultLayout.js내에 구성한 상태고DefaultLayout 쪽에서 레이아웃을 분기처리하려고하는데 어떤식으로 구현하는게 좋을까요?header에 상단 메뉴를 클릭했을 때 아래와 같이 쿼리 데이터를 입력해서 defaultLayout.js쪽에서 router.query.data로 받아서 하는게 가능할까요? 아니면 그냥 현재 url 가져와서 분기처리하나요?#Header.js Stack#DefaultLayout.js import Header from './layouts/Header'; import Footer from './layouts/Footer'; import { useRouter } from 'next/router'; export default function DefaultLayout({children}) { const router = useRouter() console.log("@@@@@@@@@",router.query) return ( <>

{children}

내얼굴피콜로 · Answer

전 이렇게 했었습니다!https://heewon26.tistory.com/519

Next.js에서 페이지별 레이아웃 분기 처리

1개의 답변

Q&A 목록