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