Discussions

Page non existante avec react-router-dom V6

Image

Hello pour gérér les pages non existante avec react-router-dom V6 il est possible de faire ceci :

Utiliser dans l'élément Route le path "*" comme dans l'exemple suivant :

 

 

// Librairies
import React from 'react';
import './App.css';
import { Route, Routes } from 'react-router-dom';

// Composants
import Layout from './hoc/Layout/Layout';
import Home from './Containers/Home/Home';
import Contact from './Containers/Contact/Contact';
import Articles from './Containers/Articles/Articles';
import Article from './Containers/Articles/Article/Article';


function App() {
  return (
    <div className="App">
      <Layout>
        <Routes>
          <Route path='/' Component={Home} />
          <Route path='/contact' Component={Contact} />
          <Route path='/articles' Component={Articles} />
          <Route path='/articles/:id' Component={Article} />
          <Route path="*" element={<h1>404</h1>} />
        </Routes>
      </Layout>
    </div>
  );
}

export default App;

 

Cordialement

 

Sébastien Collin

 

0 réponse
Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.
Aide spontanée

Informations

Créée le August 28, 2023 11:14 AM
Dernière activité le August 28, 2023 11:14 AM