useParams

useParams geçerli URL tarafından doldurulan bir rotanın dinamik parametrelerini okumanızı sağlayan bir İstemci Bileşeni kancasıdır.

'use client'
 
import { useParams } from 'next/navigation'
 
export default function ExampleClientComponent() {
  const params = useParams<{ tag: string; item: string }>()
 
  // Route -> /shop/[tag]/[item]
  // URL -> /shop/shoes/nike-air-max-97
  // `params` -> { tag: 'shoes', item: 'nike-air-max-97' }
  console.log(params)
 
  return <></>
}

Parameters

const params = useParams()

useParams herhangi bir parametre almaz.

Returns

useParams geçerli rotanın doldurulmuş dinamik parametrelerini içeren bir nesne döndürür.

• Nesnedeki her özellik aktif bir dinamik segmenttir.
• Özellikler adı segmentin adıdır ve özellikler değeri segmentin ne ile doldurulduğudur.
• Özellik değeri, dinamik segmentin türüne bağlı olarak ya bir string ya da string'ler dizisi olacaktır.
• Rota hiçbir dinamik parametre içermiyorsa, useParams boş bir nesne döndürür.
• pages içinde kullanılırsa useParams, null döndürür.

Örneğin:

Version History