App.jsx

App.jsx

import React from 'react';
import { BrowserRouter, Link, Route } from 'react-router-dom';

import HelloWorld from './HelloWorld';

const App = () => (
  <BrowserRouter>
    <div>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/cats">Cats</Link>
        </li>
        <li>
          <Link to="/dogs">Dogs</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>
      </ul>

      <Route exact path="/" component={HelloWorld} />
      <Route exact path="/cats" component={HelloWorld} />
      <Route exact path="/dogs" component={HelloWorld} />
      <Route path="/about" component={HelloWorld} />

      <Route path="/cats/:id" component={HelloWorld} />
      <Route path="/dogs/:id" component={HelloWorld} />
    </div>
  </BrowserRouter>
);

export default App;