All Languages >> Javascript >> react router dom

“react router dom” Code Answer

You may not remember next time either, so install Grepper.

react router dom

javascript by Dark Dormouse on Feb 10 2020 Donate

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

export default function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
            <li>
              <Link to="/users">Users</Link>
            </li>
          </ul>
        </nav>

        {/* A <Switch> looks through its children <Route>s and
            renders the first one that matches the current URL. */}
        <Switch>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/users">
            <Users />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

function Home() {
  return <h2>Home</h2>;
}

function About() {
  return <h2>About</h2>;
}

function Users() {
  return <h2>Users</h2>;
}

Source: reacttraining.com

react router dom

javascript by Upset Unicorn on Feb 03 2020 Donate

npm install -g create-react-app
create-react-app demo-app
cd demo-app

Source: reacttraining.com

react router dom

javascript by Upset Unicorn on Feb 03 2020 Donate

npm install react-router-dom

“react router dom” Code Answer

You may not remember next time either, so install Grepper.

Javascript queries related to “react router dom”

Learn how Grepper helps you improve as a Developer!

All Javascript Answers

Grepper

Documentation

Social

Legal

Contact