Basic linking

The idea of links in React apps is that they point to routes that point to components that render new content. The Link component also takes care of the browser history API and looking up route/component mappings. Here's an application component that renders two links:

import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import First from "./First";
import Second from "./Second";

export default function App() {
  return (
    <Router>
      <section>
        <nav>
          <p>
            <Link to="first">First</Link>
          </p>
          <p>
            <Link to="second">Second</Link>
          </p>
        </nav>
        <section>
          <Route path="/first" component={First} />
          <Route path="/second" component={Second} />
        </section>
...