How do I handle routing in React?

How do I handle routing in React?

You can use React Router, a popular library for routing in React applications. Would you like to see a basic example?

Yes, please show me a simple example of setting up routes.

First, install React Router using npm: npm install react-router-dom. Then, you can set up your routes like this:

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>
  );
}

This will create a basic routing setup with a home and about page.

What if I want to pass parameters in the route?

You can define a route with parameters like this:

<Route path='/user/:id' component={User} />

Then, in your User component, you can access the id parameter using props.match.params.id.