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