How do I use React Router v6 in my application?

How do I use React Router v6 in my application?

To use React Router v6, first install it using npm or yarn. Then, import the necessary components like BrowserRouter, Routes, and Route.

Can you show me a basic example of setting up routes?

Sure! Here's a simple example:

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

function App() {
  return (
    <Router>
      <Routes>
        <Route path='/' element={<Home />} />
        <Route path='/about' element={<About />} />
      </Routes>
    </Router>
  );
}

What are the main differences between v5 and v6?

The main differences include a simplified API, the introduction of the Routes component, and the ability to use nested routes more intuitively.

Is there a way to handle route parameters?

Yes! You can define route parameters in the path like this: path='/user/:id', and access it using useParams().