React Hooks : Plus facile que vous ne le pensez.

Parfois, apprendre de nouvelles choses peut être accablant et fastidieux. Cependant, ce n'est pas le cas pour React Hooks . Si vous êtes quelqu'un qui n'a jamais pris le temps d'apprendre les Hooks et que vous utilisez principalement des composants basés sur la classe d, il est peut-être temps de l'essayer.

Lorsque j'ai appris React pour la première fois , je n'ai utilisé que des composants basés sur les classes , car c'est ce que j'ai appris et avec lequel j'étais le plus familier. Cependant, s'il est bon de savoir comment utiliser les composants basés sur Blass, ils sont "obsolètes". L'industrie est et continuera sur la voie de l'utilisation de composants basés sur les fonctions.

Les hooks ont été créés pour utiliser les méthodes de cycle de vie de classe et l' état à l' intérieur des fonctions. Cela élimine essentiellement le besoin de composants basés sur les classes en général.

Le moyen le plus simple de le démontrer est de regarder State dans un composant basé sur les classes :

Les quatre principaux points à retenir sont :

• L'état est initialisé par state: {}.
• Les Thismots-clés pour le ciblage des fonctions et des variables dans Classes .
• La nécessité des fonctions fléchées pour éviter les erreurs avec le thismot - clé dans les composants basés sur les classes .
• setState()pour tout changement d' Etat .

La première chose que vous devriez immédiatement remarquer est qu'il n'y a pas de classe .

La deuxième chose immédiatement après est la façon dont nous initialisons State :

Décomposons cela en termes simples :

• termest ce que votre État est actuellement à un moment donné. Au lieu d'écrire this.state.termce serait juste term.
• setTermest essentiellement setStatesauf avec un nom plus personnalisé. cela fonctionne exactement de la même manière, vous pouvez simplement choisir comment le nommer.
• useStateest un crochet. le but est d'initialiser à quoi une certaine clé dans State devrait être égale. Puisque nous utilisons une chaîne, nous initialisons une chaîne vide.