import react-router-dom
npm install react-router-dom
import React from "react";
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
export default function App() {
return (
<Router>
<div>
<nav>
<ul>
<li>
<Link to="/">Home</Link>
</li>
<li>
<Link to="/about">About</Link>
</li>
<li>
<Link to="/users">Users</Link>
</li>
</ul>
</nav>
{/* A <Switch> looks through its children <Route>s and
renders the first one that matches the current URL. */}
<Switch>
<Route path="/about">
<About />
</Route>
<Route path="/users">
<Users />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</div>
</Router>
);
}
function Home() {
return <h2>Home</h2>;
}
function About() {
return <h2>About</h2>;
}
function Users() {
return <h2>Users</h2>;
}
Also in JavaScript:
- jstree ajax search
- Lazy loading and code splitting in Vue.js
- javascript onkeydown
- store current date in chrome storage extension
- javascript extract number from string
- js array last element
- share data between livewire and alpine js
- javascript scroll to top onclick
- react hook s
- angular random number between 1 and 10
- digit count in javascript
- how to change background color in javascript w3schools
- sqrt javascript
- how to populate a list in html with javascript
- react hook usestate
- javascript non-repeating randomize array
- expose deployment nodeport command
- current month start date and end date with formate in jquery
- fill array with values javascript
- js is empty object
- Lazy Loading Routes vue
- nodejs get response time
- how to load localt ext file in js
- javascript check alpha and space only