useParams Nedir?

• React Router v6+ ile gelen hook’tur.
• Route path’inde tanımlanan parametreleri almak için kullanılır.
• Genellikle detay sayfalarında, ID veya slug gibi değerleri almak için idealdir.

⚡ Temel Kullanım

import { useParams } from "react-router-dom";

function UserProfile() {
  const { userId } = useParams(); // /users/:userId

  return (
    <div>
      <h1>Kullanıcı Profili: {userId}</h1>
    </div>
  );
}

• /users/123 → userId = "123"
• Birden fazla parametre varsa: /posts/:postId/comments/:commentId → const { postId, commentId } = useParams();

⚡ Notlar

• useParams read-only’dur; parametreleri değiştiremezsiniz.
• Parametreler string olarak gelir; sayısal değer gerekiyorsa parse etmek gerekir:

const id = parseInt(userId, 10);

• Nested route’larda da parent ve child route parametrelerini alabilirsiniz.
• Route parametrelerini almak için props.match.params kullanımı artık eski React Router sürümlerine özgüdür; v6+ için useParams önerilir.