How do I implement routing in a React application?

How do I implement routing in a React application?

You can use the React Router library to handle routing in your React app. Would you like a step-by-step guide?

Yes, please provide the steps.

First, install React Router using npm: npm install react-router-dom. Then, set up your routes in your main component.

What does the setup look like?

You can use the <BrowserRouter> component to wrap your app and define routes using <Route> components.

Can you show me a code example?

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