How do I set up React Router in my application?

How do I set up React Router in my application?

To set up React Router, first install it using npm: npm install react-router-dom. Then, import it in your main file.

What are the main components I need to use?

You'll primarily use BrowserRouter, Route, and Link. BrowserRouter wraps your app, Route defines paths, and Link creates navigation links.

Can you give me an example of how to define 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 if I want to pass props to my route components?

You can use the render prop in the Route component to pass props:

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