For Believers.

Mise a jour de react

Bonjour ,

Dans react 18 , la methode render ne fonctionne plus , il est en de même pour route . Et si j'instaure dans le code

<Route path ="/"

</Layout>

Un message d'erreur s'affiche.

NICOLAS PAILLE

5 réponses

Louis-Nicolas Leuillet

Le 10/10/2022 à 15:19

Bonjour Nicos,

Je travaille à une mise à jour, c'est vrai qu'avec la version 18 ça coince. Je recommande de privilégier la version 16 ou de consulter la documentation

Christever

Le 26/03/2023 à 19:56 (modifié le 26/03/2023 à 19:57)

Pb résolu ( apparement ) avec le code suivant : https://www.copycat.dev/blog/react-router-redirect/

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

// Composants
import Layout from "../../hoc/layout/Layout";
function App() {

    return(
        <div className={classes.App}>
            <Layout>
                <Routes>
                    <Route path="/" element={<h1>Bienvenue sur mon site</h1>}/>
                </Routes>
            </Layout>
        </div>
    )
}

export default App;

Christever

Le 26/03/2023 à 20:04

https://www.copycat.dev/blog/react-router-redirect/

<Routes> remplace, il me semble le <Switch>

Tony Quiatol

Le 07/04/2023 à 16:43

Salut Christever : c'est exactement ça :-)

Sébastien Collin

Le 14/04/2023 à 11:27

Hello on peut égalemen faire cela

// 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';



function App() {
  return (
    <div className="App">
      <Layout>
        <Routes>
          <Route path="/" Component={Home}/>
          <Route path="/contact" Component={Contact} />
          <Route path="/articles" Component={Articles} />
        </Routes>
      </Layout>
    </div>
  );
}

export default App;
 

Meilleure réponse

Inscrivez-vous ou connectez-vous pour participer à la discussion.

Discussion résolue

Informations

Créée le 9 octobre 2022 15:55

Dernière activité le 10 juillet 2023 17:35

Cours : Bienvenue parmi les étudiants de Believemy !