React Router’da dinamik rotalar oluştururken parametreler nasıl kullanılır?

React Router'da Dinamik Rotalar ve Parametreler

React Router'da dinamik rotalar oluşturmak için route tanımlarında parametre kullanabilirsiniz. Bu sayede URL'deki değişken kısımlar ile bileşenler arasında veri aktarımı sağlanır.

Dinamik Rota Tanımı

Dinamik rotalar tanımlarken, rotanın path özelliğinde iki nokta (:) kullanarak parametreleri belirtirsiniz. Örneğin: ```javascript ``` Burada ":id" kısmı dinamik bir parametredir.

Parametrelere Erişim

Tanımlanan parametrelere erişmek için `useParams` hook'unu kullanabilirsiniz. Örnek: ```javascript import { useParams } from 'react-router-dom'; function Kullanici() { const { id } = useParams(); return

Kullanıcı ID: {id}

; } ``` Bu şekilde, URL'deki "id" değeri `Kullanici` bileşeninde kullanılabilir.

Örnek Kullanım

• URL: /kullanici/123
• Bileşen: Kullanici
• Görüntülenen Değer: Kullanıcı ID: 123

Bu metod ile dinamik rotalar ve URL parametreleri kullanarak uygulamanızda esnek navigasyon sağlayabilirsiniz.