How do I set up routing in a Create React App?

How do I set up routing in a Create React App?

To set up routing in a Create React App, you need to install React Router. You can do this by running npm install react-router-dom.

What are the basic components I need to use with React Router?

You'll primarily use BrowserRouter, Route, and Link components. BrowserRouter wraps your application, Route defines the paths, and Link is used for navigation.

Can you show me a simple example of how to implement it?

Sure! Here's a basic 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 if I want to add nested routes?

You can add nested routes by defining a Route inside another component. For example, in your About component, you can have additional routes.