Route

Installation

npm install react-router-dom@6

import { Routes, Route, Link } from "react-router-dom";

<BrowserRouter>

  <App />

</BrowserRouter>

import Homepage from "./Homepage";

import Page1 from "./page1";

import Page2 from "./page2";

import { Routes, Route, Link } from "react-router-dom";

function App() {

  return (

    <div> 

      <nav>

        <Link to="/" className="nav-item">Homepage</Link>

        <Link to="/page1" className="nav-item">Page 1</Link>

        <Link to="/page2" className="nav-item">Page 2</Link>

      </nav>

      <Routes> 

        <Route path="/" element={<Homepage />}></Route>

        <Route path="/page1" element={<Page1 />}></Route>

        <Route path="/page2" element={<Page2 />}></Route>

      </Routes>

    </div>

  );

};

export default App;