#04 Next App Router :useSelectedLayoutSegment가 null이 나오는 이유

✅useSelectedLayoutSegment 정리본

#03 Next App Router : useSelectedLayoutSegment (현재 위치한 path 찾기)

 

 

useSelectedLayoutSegment가 null

💡위치 문제

1. layout에서 import한 컴포넌트에서 사용하기

2. page에서는 무조건 null 

 

page.tsx에서 NavMenu 컴포넌트를 사용했음

export default function NavMenu() {
    const segment = useSelectedLayoutSegment();
    console.log(segment); // 👉🏻 null

    const pathName = usePathname();
    console.log(pathName); //👉🏻 /home

> page에서 경로를 찾고싶다면 usePathname()을 사용하기

 

layout.tsx로 옮기고 나서는 useSelectedLayoutSegment가 작동된다

> null값이 나온다면 layout파일인지 page 파일인지 확인 할 것!

 

 

 

 

 

출처:

https://www.inflearn.com/course/next-react-query-sns%EC%84%9C%EB%B9%84%EC%8A%A4