How do I use React Router DOM in my React application?

How do I use React Router DOM in my React application?

To use React Router DOM, first install it using npm: npm install react-router-dom. Then, import the necessary components like BrowserRouter, Route, and Link.

Can you show me a simple example of routing?

Sure! Here's a basic example:

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

function App() {
  return (
    <Router>
      <nav>
        <Link to="/">Home</Link>
        <Link to="/about">About</Link>
      </nav>
      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
    </Router>
  );
}

What are the differences between Route and Switch?

Route renders a UI component when the path matches, while Switch renders the first Route that matches the path, preventing multiple routes from rendering at once.