Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save jiachen247/ae2cf0de7a828f87756f3a011804f2ed to your computer and use it in GitHub Desktop.
Save jiachen247/ae2cf0de7a828f87756f3a011804f2ed to your computer and use it in GitHub Desktop.
import React from "react";
import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
export default function App() {
return (
<BrowserRouter>
<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>
<Routes>
<Route path="/about" element={<About />} />
<Route path="/users" element={<Users />} />
<Route path="/" element={<Home />} />
</Routes>
</div>
</BrowserRouter>
);
}
function Home() {
return <h2>Home</h2>;
}
function About() {
return <h2>About</h2>;
}
function Users() {
return <h2>Users</h2>;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment