useSelectedLayoutSegment호출된 레이아웃 보다 한 수준 아래에 있는 활성 경로 세그먼트를 읽을 수 있는 클라이언트 구성 요소 후크 입니다 .

활성 하위 세그먼트에 따라 스타일을 변경하는 상위 레이아웃 내부의 탭과 같은 탐색 UI에 유용합니다.

1. useSelectedLayoutSegment

Functions: useSelectedLayoutSegment

하위 한개의 경로를 알려줍니다.

'use client'
 
import { useSelectedLayoutSegment } from 'next/navigation'
 
export default function ExampleClientComponent() {
  const segment = useSelectedLayoutSegment()
 
  return <p>Active segment: {segment}</p>
}

2. useSelectedLayoutSegments

하위 경로들을 배열로 알려줍니다.

Functions: useSelectedLayoutSegments