In this tutorial we will learn about the react routing.

npm i react-router-dom

//app.js
import Home from "./pages/Home";
import NoPage from "./pages/NoPage";
import Order from "./pages/Order";
import Payment from "./pages/Payment";
import "./App.css"
import { BrowserRouter, Routes, Route } from "react-router-dom";
function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="order" element={<Order />} />
        <Route path="payment" element={<Payment />} />
        <Route path="*" element={<NoPage />} />
      </Routes>
    </BrowserRouter>
  );
}

export default App;