How do I set up react-router-dom v6 in my React application?

How do I set up react-router-dom v6 in my React application?

To set up react-router-dom v6, first install it using npm: npm install react-router-dom. Then, import the necessary components in your app.

What components do I need to import?

You need to import BrowserRouter, Routes, and Route from 'react-router-dom'. This will help you define your routes.

Can you show me a basic example of how to define routes?

Sure! Here's a simple example:

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

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

What if I want to add nested routes?

You can nest routes by placing a Route inside another Route. Just ensure to use the Outlet component to render child routes.