Raha mpamorona React ianao izay mbola tsy nianatra momba ny hooks React dia izao no fotoana. Ity lahatsoratra ity dia handeha hamaky ny useEffect React Hook amin'ny antsipiriany. Izy io dia ny hook mitovy amin'ny antsy tafika soisa. Mamaha olana isan-karazany izy io, toy ny fomba hahazoana angon-drakitra rehefa miakatra ny singa iray, ny fomba fampandehanana kaody rehefa miova ny fanjakana na ny prop, ny fomba fametrahana timer na elanelana, sns.
Ny useEffect dia ampiasaina amin'ny zavatra rehetra tianao hatao amin'ny singa React izay tsy mamerina JSX (karazana voka-dratsiny rehetra). Mety manana useEffects isan-karazany koa ianao.
Ireo hery rehetra ireo dia tonga amin'ny vidiny: raha tsy azonao ny fomba fiasany dia mety ho sahiran-tsaina izany. Ato amin'ity lahatsoratra ity, hijery ohatra isan-karazany isika mba hahafahanao mahazo ny maodely foto-kevitra sy hampihatra izany amin'ny kaody anao manokana.
React Hooks – Inona no ezahina hovahana?
Nampidirina voalohany tao amin'ny React version 16.8 ny hooks ary ampiasain'ny tetikasa React maro ankehitriny. Ny hooks dia mandresy ny olan'ny famerimberenan'ny kaody eo amin'ireo singa. Izy ireo dia nosoratana tsy misy fampiasana kilasy. Tsy midika izany fa mandao kilasy ny React; fomba hafa fotsiny ny hooks.
Ny React dia ahafahanao mamorona haingana singa be pitsiny miaraka amin'ny lojika stateful. Sarotra ny manasaraka ireo singa ireo satria miankina amin'ny React Lifecycle Methods ny kilasy. Eto no miditra ny React Hooks.
Izy ireo dia mamela anao hizara singa iray ho asa kely kokoa. Raha tokony hizara kaody ho ampahany kely kokoa mifototra amin'ny fomba Lifecycle ianao, dia azonao atao izao ny mandamina sy manasaraka kaody ho vondrona kely kokoa arakaraka ny fiasa.
Inona no atao hoe useEffect Hook?
Hooks dia fiasa izay ahafahanao miditra amin'ny fanjakana sy ny fahaiza-manao hafa tsy mila manoratra kilasy ES6. Ny API hooks dia manana hook antsoina hoe useEffect. Raha zatra amin'ny tsingerin'ny fiainana react ianao dia mitovy amin'ny componentDidMount, componentDidUpdate, ary componentWillUnmount fomba tsingerin'ny fiainana mitambatra.
Araka ny antontan-taratasin'ny React Hooks, dia noforonina hamahana ny sasany amin'ireo olana amin'ny fomba tsingerin'ny fiainana ao amin'ny kilasy ES6.
Syntaxe
Ny tohankevitra voalohany dia fonction callback, izay tanterahina amin'ny alàlan'ny default aorian'ny famoahana tsirairay. Ny mari-pamantarana faharoa dia laharan'ny Dependency azo atao izay mampianatra ny Hook hiantso indray raha tsy miova ny fanjakana kendrena.
Ny Hook dia mampitaha ny fiankinan-doha tsirairay amin'ny fanjakana ara-tantara sy ankehitriny. Raha tsy mifanandrify ireo soatoavina roa, ny Hook dia miantso ny antso miverina voalaza ao amin'ny paramètre voalohany. Ny fiankinan'ny fiankinan-doha dia manova ny fihetsika mahazatra amin'ny antso miverina ary miantoka fa ny Hook dia tsy miraharaha ireo singa hafa rehetra ao amin'ny sehatry ny singa.
Fampiasana fototra
Raha te hitahiry hafatra aho dia mampiasa React useState amin'ny santionan'ny kaody etsy ambony. Aorian'izay dia alaiko ny fari-piainan'ny hafatra ary ataoko eo amin'ny efijery izany. Na izany aza, te-hampiasaEffect aho izao hanova ny hafatra iray segondra aorian'ny fametrahana ilay singa.
Nampiditra ny vokatro tao ambadiky ny tsipika useState aho rehefa avy nanafatra useEffect avy amin'ny rafitra React. Ny parameter voalohany ampiasainaEffect dia fiasa. Rehefa vita io mpitantana asa io, dia hikarakara ny voka-dratsiny rehetra omenao izy. Ny fonction dia fonction callback izay antsoina rehefa miseho ny iray amin'ireo hetsika tsingerin'ny fiainan'ny singa React.
Rahoviana no hampiasa azy io?
Mety ilaina amin'ny toe-javatra isan-karazany ny hook useEffect. Ireto manaraka ireto no zava-dehibe indrindra:
- Azontsika ovaina amin'ny lafiny mpanjifa io paramètre io rehefa te haka angon-drakitra arakaraka ny tohan-kevitra nomena. Hahatsiarovana izany rehefa avy nohavaozina tamin'ny angona vaovao ny parameter.
- Raha te haka angon-drakitra avy amin'ny teboka iray API izahay ary asehoy amin'ny lafiny mpanjifa. Rehefa mamadika ny singantsika, ny asa na ny mpitantana nomena ny useEffect hook dia tanterahina, ary ny angona ao amin'ny fanjakana singa dia alaina. Ireo sata ireo dia ampiasaina amin'ny singa interface tsara.
- Rehefa miantehitra amin'ny angona avy any ivelany ny singanao ary tsy azontsika antoka fa ho tonga ny angona, dia tokony hampiasainay ny Effect (angamba any ambany ny mpizara). Raha tokony hanipy olana sy hisakana ny singa hafa tsy hiseho, dia apetraho ao amin'ny useEffect hook.
Mampiasà tranga
Raha mamerina mamerina indray ilay singa aorian'ny fihodinana voalohany dia tsy ho tanteraka izany.
Isaky ny mandika na mamerina mamerina ny singa iray dia tokony hotanterahina foana.
Amin'ny alàlan'ny default, mandeha indray mandeha ihany ny programa. Aorian'izay, raha miova ny soatoavin'ny prop dia mandehana:
Ho an'ny hetsika asynchronous, ampiasao foana ny useEffect.
useEffect code blocks dia marika miharihary amin'ny asa asynchronous ho an'ny mpamorona mpiara-miasa aminao. Azo atao ny mamorona kaody asynchronous nefa tsy mampiasa useEffect, saingy tsy ity no "fomba fanehoan-kevitra", ary mampitombo ny fahasarotana sy ny mety hisian'ny fahadisoana.
Ny fampiasana useEffect fa tsy manoratra kaody asynchronous izay mety hampitsahatra ny UI dia teknika fanta-daza ao amin'ny vondrom-piarahamonina React, indrindra ny fomba nananganan'ny ekipan'ny React azy mba hanaovana voka-dratsy.
Ny tombony iray hafa amin'ny fampiasana azy dia ny ahafahan'ny mpamorona mijery fotsiny ny kaody ary mahita avy hatrany ny kaody izay mandeha "ivelan'ny fikorianan'ny fanaraha-maso", izay lasa zava-dehibe raha tsy aorian'ny fihodinana voalohany. Ankoatr'izay, ireo sakana dia mety amin'ny fitrandrahana amin'ny Hooks azo ampiasaina sy azo ampiasaina kokoa.
Ohatra iray
Ampiasao ny code useEffect, ampio isa isa-tsegondra.
Famaranana
Ny fahatakarana ny fitsipiky ny famolavolana fototra sy ny fomba fanao tsara indrindra amin'ny fampiasanaEffect Hook, raha ny fahitako azy, dia fahaizana manan-danja hianarana raha te ho lasa mpamorona React amin'ny ambaratonga manaraka ianao.
Raha fintinina, ny useEffect Hook dia mahazo fiasa izay misy lojika tsy maintsy atao, mety hisy fiantraikany tanteraka. Ny laharan'ny fiankinan-doha, izay paramètre faharoa, dia azo ampiasaina amin'ny fitaomana ny famonoana. Eo am-pikarakarana azy dia ilaina ihany koa ny manoratra kaody fanadiovana amin'ny fampiasana ny fiasa miverina.
Ampahafantaro anay ao amin'ny fanehoan-kevitra raha nanampy ilay lahatsoratra.
Leave a Reply