All Languages >> Javascript >> router dom react

“router dom react” 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 hussein asadi

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

router dom react

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 Didi Abel

on May 17 2022 Donate Comment

import { useLocation } from "react-router-dom";

function Locaions() {

  let location = useLocation();

  return (
    <>
    {location.pathname === "/Home" ?
    "Hi i am at the homepage"
    :
    "d-none"
    }
    </>
  );
}

react-router-dom

javascript by Aggressive Alpaca on Dec 15 2021 Comment

import * as React from "react";
import * as ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

Source: reactrouter.com

Add a Grepper Answer