What is React Router and how do I use it?

What is React Router and how do I use it?

React Router is a library for routing in React applications. It allows you to create single-page applications with navigation.

Can you show me a basic example of how to set it up?

Sure! First, install it using npm: npm install react-router-dom. Then, you can set up 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>
  );
}

What are the main components of React Router?

The main components are Router, Route, Switch, and Link. Router wraps your app, Route defines paths, Switch renders the first match, and Link creates navigation links.