react dom router

1npm install react-router-dom
2//This will Install the react-router to the required folder
3
4//Here is a Sample Code for React Router DOM
5
6import React from "react";
7import {
8  BrowserRouter as Router,
9  Switch,
10  Route,
11  Link
12} from "react-router-dom";
13
14export default function App() {
15  return (
16    <Router>
17      <div>
18        <nav>
19          <ul>
20            <li>
21              <Link to="/">Home</Link>
22            </li>
23            <li>
24              <Link to="/about">About</Link>
25            </li>
26            <li>
27              <Link to="/users">Users</Link>
28            </li>
29          </ul>
30        </nav>
31
32        {/* A <Switch> looks through its children <Route>s and
33            renders the first one that matches the current URL. */}
34        <Switch>
35          <Route path="/about">
36            <About />
37          </Route>
38          <Route path="/users">
39            <Users />
40          </Route>
41          <Route path="/">
42            <Home />
43          </Route>
44        </Switch>
45      </div>
46    </Router>
47  );
48}

1npm install react-router-dom
2import {BrowserRouter, Switch, Route, Link} from "react-router-dom"
3import React from "react";
4import {
5  BrowserRouter as Router,
6  Switch,
7  Route,
8  Link
9} from "react-router-dom";
10
11export default function App() {
12  return (
13    <Router>
14      <div>
15        <nav>
16          <ul>
17            <li>
18              <Link to="/">Home</Link>
19            </li>
20            <li>
21              <Link to="/about">About</Link>
22            </li>
23            <li>
24              <Link to="/users">Users</Link>
25            </li>
26          </ul>
27        </nav>
28
29        {/* A <Switch> looks through its children <Route>s and
30            renders the first one that matches the current URL. */}
31        <Switch>
32          <Route path="/about">
33            <About />
34          </Route>
35          <Route path="/users">
36            <Users />
37          </Route>
38          <Route path="/">
39            <Home />
40          </Route>
41        </Switch>
42      </div>
43    </Router>
44  );
45}
46
47function Home() {
48  return <h2>Home</h2>;
49}
50
51function About() {
52  return <h2>About</h2>;
53}
54
55function Users() {
56  return <h2>Users</h2>;
57}
58

1ReactDOM.render((
2       <Switch>
3         <Route exact path="/" component={Home} />
4         <Route path="/login" component={Login} />
5         <Route path="/explore" component={Explore} />
6       </Switch>),
7       document.getElementById('root')
8   );
9