Home

React Router

Resources

  1. Quickstart docs

Installation

npm install react-router-dom

Quick start usage

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 exact 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>; }

Repository

https://github.com/okeeffed/developer-notes-nextjs/content/react-router/react-router-v5-quickstart

Sections


Related