Routage

Documentation React-router-dom

React-router-dom est la lib la plus utilisée pour gérer le routage dans une application React. Elle met à disposition des composants permettant d'afficher des pages selon l'url ainsi que des hooks facilitant son utilisation.

Voyons ce qu'on peut faire avec notre page Login.

On rajoute un dossier Router et son index.jsx dans components/app par exemple

import { Login } from "../
export const Router = () => {
    return (
        <BrowserRouter>
            <Routes>
                <Route path={`/login`} element={<Login />} />
                <Route path={`*`} element={<Error404 />} />
            </Routes>
        </BrowserRouter>
    );        
};

On a ajouté au passage une