Top GREPCC Earners Today

GutoTrosla 836

VasteMonde 663

florinrelea 367

Shadow 354

Charles-Alexandre Roy 346

Recent Popular Write-ups

sumer ahmed alkadasi on Jun 28, 2022

Moving MySQL from default folder to home folder or any disc space in Debian

Nadim AL ABDOU on Jun 22, 2022

How do JavaScript closures work?

A closure is a pairing of: A function and A reference to that function's outer scope (lexical en...

sumer ahmed alkadasi on Jun 19, 2022

Carousel - slider

This post show how you can create simple carousel using JavaScript.

Sound March on Jun 06, 2022

Tables for HTML (beginner lesson)

Here are some basic table structures and more for beginners lol.

Kshitij on May 27, 2022

Print zip object in python

The zip() function takes iterables (can be zero or more), aggregates them in a tuple, and returns...

All Languages >> Javascript >> react router dom

“react router dom” Code Answer’s

react-router-dom

javascript by Enthusiastic Elephant

on Jun 13 2020 Comment

$ npm install --save react-router-dom

Source: www.npmjs.com

React Router Dom

javascript by husseinpenart

on May 22 2022 Comment

//first install react router
npm install react-router-dom
//or
yarn add react-router-dom
///then write your code like in below in your App js or index.js
import {BrowserRouter , Routes , Route} from 'react-router-dom'
<BrowserRouter>
<Routes>
<Route exact path='/' element={<Home/>} />
<Route exact path='/login' element={<Login/>} />
<Route exact path='/signup' element={<Signup/>} />

</Routes>

</BrowserRouter>
//and now your down if you get error try to close your editor and open it again then you are good to go

Source: www.github.com

react router dom

shell by Roseat Flamingo

on Nov 18 2019 Comment

npm install react-router-dom

react router dom

javascript by Upset Unicorn on Feb 03 2020 Comment

npm install react-router-dom

Source: reacttraining.com

react router dom

javascript by Cautious Copperhead on Jan 25 2022 Comment

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

// This site has 3 pages, all of which are rendered
// dynamically in the browser (not server rendered).
//
// Although the page does not ever refresh, notice how
// React Router keeps the URL up to date as you navigate
// through the site. This preserves the browser history,
// making sure things like the back button and bookmarks
// work properly.

export default function BasicExample() {
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
          <li>
            <Link to="/dashboard">Dashboard</Link>
          </li>
        </ul>

        <hr />

        {/*
          A <Switch> looks through all its children <Route>
          elements and renders the first one whose path
          matches the current URL. Use a <Switch> any time
          you have multiple routes, but you want only one
          of them to render at a time
        */}
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/dashboard">
            <Dashboard />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

// You can think of these components as "pages"
// in your app.

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

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

function Dashboard() {
  return (
    <div>
      <h2>Dashboard</h2>
    </div>
  );
}

Source: v5.reactrouter.com

react router dom

javascript by Blue Baboon on Apr 02 2022 Comment

{["/", "/home"].map((path) => (
          <Route
            exact
            path={path}
            element={
              <Wrapper>
                <Home />
              </Wrapper>
            }
          />
        ))}

Add a Grepper Answer