How do I use React Router in my application?

How do I use React Router in my application?

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

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

Sure! Here's a simple example:

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

function App() {
  return (
    <Router>
      <Switch>
        <Route path='/' exact component={Home} />
        <Route path='/about' component={About} />
      </Switch>
    </Router>
  );
}

What is the purpose of the Switch component?

The Switch component renders the first child Route that matches the location, ensuring that only one route is rendered at a time.

How can I pass props to a route component?

You can pass props using the render prop of the Route component like this:

<Route path='/about' render={(props) => <About {...props} customProp={value} />} />