How do I use React Router for navigation in my React app?

How do I use React Router for navigation in my React app?

To use React Router, first install it using npm: npm install react-router-dom. Then, set up your routes using the BrowserRouter, Route, and Link components.

Can you show me a basic example of how to set it up?

Sure! Here's a simple 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 BrowserRouter and HashRouter?

BrowserRouter uses the HTML5 history API to keep your UI in sync with the URL, while HashRouter uses the hash portion of the URL, which is useful for static file servers.