useParamsとは

useParamsとは、URLのパラメータを簡単に取得できるフックのひとつです。
/item/:idのような動的なページでも利用できます。

使い方

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

function ProductPage() {
  const { id } = useParams();

  return (
    <div>
      <p>商品ID: {id}</p>
    </div>
  );
}