useParams

app.js

<Route path='/post/:id/:name' element={<Post />} />

Post.jsx

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

function Post() {
  const params = useParams();

  return (
    <div>
      <h1>Post {params.id}</h1>
      <p>Name: {params.name}</p>
    </div>
  );
}

export default Post;
Was this page helpful?