← React58 / 78

Route Parameter (useParams)

Gunakan useParams() untuk membaca nilai parameter dinamis dari URL (seperti id pada route /user/:id).

👀 Contoh dulu

import { useParams } from "react-router-dom";
function UserDetail() {
  const { id } = useParams();
  return <h2>User ID: {id}</h2>;
}

Hasilnya: <h2>User ID: 42</h2> saat mengakses /user/42.

💡 String key pada useParams() harus cocok dengan nama variabel di deklarasi Route.

📝 Sekarang giliranmu

Panggil hook useParams dan lakukan destructuring pada objek yang dikembalikan untuk mengekstrak nilai parameter id.

Preview
← SebelumnyaBerikutnya →