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.

export const Router = () => {
    return (
        <BrowserRouter>
            <Routes>
                <Route path={`/login`} element={<LoginPage />} />
                <Route path={`*`} element={<Error404Page />} />
            </Routes>
        </BrowserRouter>
    );        
};