How can I implement dynamic routing in React Router?

How can I implement dynamic routing in React Router?

You can implement dynamic routing in React Router by using the useParams hook to access route parameters.

Can you show me a code example?

Sure! Here's a simple example:

import { BrowserRouter as Router, Route, Switch, useParams } from 'react-router-dom';

const User = () => {
  const { id } = useParams();
  return <h2>User ID: {id}</h2>;
};

const App = () => (
  <Router>
    <Switch>
      <Route path="/user/:id" component={User} />
    </Switch>
  </Router>
);

This will render the User component with the ID from the URL.

What if I want to pass multiple parameters?

You can define multiple parameters in the route path like this:

<Route path="/user/:id/post/:postId" component={Post} />

Then, in your component, you can access both parameters using useParams().