React useEffect en profondeur / utilisation de useEffect?
J'essaie de comprendre en profondeur le crochet useEffect.
J'aimerais savoir quand utiliser quelle méthode et pourquoi?
1.useEffect with no second paraments
useEffect(()=>{})
2.useEffect with second paraments as []
useEffect(()=>{},[])
3.useEffect with some arguments passed in the second parameter
useEffect(()=>{},[arg])
Si vous connaissez les méthodes de cycle de vie de classe React), vous pouvez considérer useEffect Hook comme composantDidMount, componentDidUpdate et componentWillUnmount combinés.
1.useEffect sans deuxième paramètre: Ceci est utilisé lorsque nous voulons que quelque chose se produise soit lorsque le composant vient d'être monté, soit s'il a été mis à jour. Conceptuellement, nous voulons que cela se produise après chaque rendu.
2.useEffect avec deuxièmes paramètres comme []: Ceci est utilisé lorsque nous voulons que quelque chose se produise au moment du montage du composant, s'il ne s'exécute qu'une seule fois au moment du montage.Il est plus proche des composants familiers componentDidMount et componentWillUnmount.
3.useEffect avec quelques arguments passés dans le deuxième paramètre: Ceci est utilisé lorsque nous voulons que quelque chose se passe au moment où le préamateur est passé par exemple. Les arguments ont changé dans votre cas.
Pour plus d'informations. vérifiez ici: https://reactjs.org/docs/hooks-effect.html
3.useEffect avec quelques arguments passés dans le deuxième paramètre useEffect (() => {}, [arg])
il s'exécutera en premier, puis il s'exécutera à nouveau si arg change
Vous oubliez également de demander ce qu'il en est du retour à l'intérieur de useEffect ... Ses utilisations pour le nettoyage, il s'exécutera lorsque le composant démontera