Next.js · Junior · Frage 51 von 75
Wie liest eine Client Component das Segment [slug] der aktuellen URL?
'use client'
import { useParams } from 'next/navigation'
export function ShareButton() {
const { slug } = useParams<{ slug: string }>()
}- 1Client Components haben gar keinen Zugriff auf Routenparameter
- 2Durch Lesen von
window.params - 3Mit dem Hook
useParamsausnext/navigation
Antwort zeigen
Richtige Antwort: Mit dem Hook useParams aus next/navigation
Erklärung
Pages und Layouts bekommen params als Prop (in Next.js 16 ein Promise), tief verschachtelte Client Components können dagegen useParams() aufrufen, statt die Parameter über Props zu bekommen.