Discussions

Erreur avec le useEffect

Image

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.

2 réponses
Image
Louis-Nicolas Leuillet
Le 06/07/2022 à 17:49

Bonjour Benjamin.

 

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

Image
Thibault Delt
Le 05/11/2022 à 08:47 (modifié le 05/11/2022 à 09: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;

 

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

Informations

Créée le 5 juillet 2022 13:59
Dernière activité le 5 juillet 2022 13:59