For Believers.

Erreur avec le useEffect

Bonjour Louis-Nicolas. Je n'ai jamais eu ce problème avant mais impossible d'utiliser le useEffect comme toi. J'ai cette erreur lors de la compilation dans VScode :

[eslint] 
src/Containers/Articles/Articles.js
  Line 8:8:  React Hook useEffect has a missing dependency: 'props.history'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

WARNING in [eslint] 
src/Containers/Articles/Articles.js
  Line 8:8:  React Hook useEffect has a missing dependency: 'props.history'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

webpack compiled with 1 warning

Et plein d'erreur en console navigateur.

Sais-tu pourquoi ? Je n'arrive pas à trouver la solution.

Merci de ton aide.

Raven

2 réponses

Louis-Nicolas Leuillet

Le 06/07/2022 à 19:49

Bonjour Benjamin.

Le problème est que tu inclus props.history je pense, tu récupères bien les props dans le composant ?

Thibault Delt

Le 05/11/2022 à 09:47 (modifié le 05/11/2022 à 10:08)

Louis-Nicolas, pour ma part les props me retourne un array vide. Impossible donc d'utiliser props.history

Sais-tu si cela est du à la V6 de rect dom router ?

MAJ du commentaire:

On peut faire la redirection en utilisant le hook useNavigate()

//Library
import {React, useEffect } from "react";
import { useNavigate } from 'react-router-dom';

function Articles(props) {

    const navigate = useNavigate();

    //componentDidMount
    useEffect(() => {
        navigate("/");
    }, []);

    //JSX
    return (
    <>
        <h1>Articles</h1>
    </>
    );    

};

export default Articles;

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

Informations

Créée le 5 juillet 2022 15:59

Dernière activité le 5 juillet 2022 15:59

Cours : Créez des sites internet interactifs avec React 16 et Redux