Hooks in React

In hierdie les begin ons kennis maak met hooks. Ons het alreeds met hulle teëgekom toe ons state bestudeer het - daar het ons geleer hoe om met die state hook useState te werk.

Oor die algemeen is hooks gewone JavaScript-funksies, wie se name met die woord 'use' begin.

Hooks stel ons in staat om state en ander React-vermoëns te gebruik sonder om klasse te gebruik. Hulle maak die hergebruik van kode vir verskillende take makliker, sowel as die toets daarvan en help om ingewikkelde komponente op te deel in eenvoudiger funksies volgens hul doel. Sommige hooks kan selfs die funksionaliteit van Redux vervang. Bo en behalwe dit, help hooks om die prestasie van die toepassing te verbeter.

As jy hooks wil gebruik, moet jy twee hoofreëls volg. Eerstens, gebruik hulle slegs op die boonste vlak - moenie hulle binne lusse, voorwaardelike verklarings of geneste funksies roep nie. Tweedens, moet jy hooks slegs vanuit React-funksies roep (vanuit React-komponente of gebruikersgedefinieerde hooks), maar nie vanuit gewone JavaScript-funksies nie.

'n Ander fout wat programmeerders maak, is die onbeheerde gebruik van hooks in die kode. Voordat jy 'n sekere hook gebruik, moet jy seker maak dat dit werklik nodig is.

In die volgende les sal ons die tipes hooks bespreek.