Basic React Router DOM Example - 1

App.js

import React from "react";
import "./App.css";
import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";

function LandingView() {
  return <div>LandingView</div>;
}

function Login() {
  return (
    <div>
      Loginview
      <p>
        <Link to="/">back</Link>
      </p>
    </div>
  );
}

function Register() {
  return (
    <div>
      Register view
      <p>
        <Link to="/">back</Link>
      </p>
    </div>
  );
}

function App() {
  return (
    <Router>
      <div className="App">
        <div>
          appbar{" "}
          <p>
            <Link to="/login">Login</Link>
          </p>
          <p>
            <Link to="/register">Register</Link>
          </p>
        </div>
        <div>
          <Switch>
            <Route path="/" exact>
              <LandingView />
            </Route>
            <Route path="/login">
              <Login />
            </Route>
            <Route path="/register">
              <Register />
            </Route>
          </Switch>
        </div>
      </div>
    </Router>
  );
}

export default App;