Afai o oe o se React developer e leʻi aʻoaʻoina e uiga i matau React, o le taimi lenei. Ole pou ole a alu ile fa'aogaEffect React Hook ile auiliiliga. O le matau e tutusa ma le naifi a Swiss Army. E fo'ia ai le tele o fa'afitauli, e pei o le auala e maua ai fa'amaumauga pe a fa'apipi'i se vaega, fa'afefea ona fa'agasolo le code pe a suia se setete po'o se mea fa'apipi'i, fa'afefea ona seti taimi po'o taimi, ma isi.
O se useEffect e faʻaaogaina mo soʻo se mea e te manaʻo e "faia" i se vaega React e le toe faʻafoʻi JSX (soʻo se ituaiga o aʻafiaga). E mafai fo'i ona tele au fa'aogaAafiaga i vaega ta'itasi.
O nei malosiaga uma e sau i se tau: seivagana ua e malamalama i le auala e galue ai, atonu e le mautonu. I lenei pou, o le a tatou vaʻavaʻai i faʻataʻitaʻiga eseese ina ia mafai ai ona e malamalama i le faʻataʻitaʻiga faʻataʻitaʻiga ma faʻaoga i lau lava code.
Tali matau – O le a le mea o loo taumafai e foia?
O matau na muamua fa'afeiloa'i ile React version 16.8 ma ua fa'aogaina nei e le tele o React projects. Ua foia e matau le faafitauli o le toe fai tulafono i le va o vaega. Ua tusia e aunoa ma le faaaogaina o vasega. E le fa'apea o React o lo'o lafoa'ia vasega; matau ua na o se isi auala.
React e mafai ai ona e faia vave vaega faʻapitoa ma faʻamatalaga faʻapitoa. E faigata ona tu'u'ese'ese vaega nei ona e fa'alagolago le vasega ile React Lifecycle Methods. O le mea lea e sau ai React Hooks.
Latou te faʻatagaina oe e vaevae se vaega i ni galuega laiti. Nai lo le vaevaeina o code i ni vaega laiti e fa'atatau i metotia o le Lifecycle, e mafai nei ona e fa'atulaga ma tu'uese code i ni iunite laiti e fa'atatau i le fa'atinoga.
O le a le mea e fa'aoga aiEffect Hook?
O matau o galuega ia e mafai ai ona e mauaina le setete ma isi mea e mafai ona tali atu e aunoa ma le tusiaina o vasega ES6. O le tali fa'afefe API ei ai le matau e ta'ua useEffect. Afai e te masani i taamilosaga o le olaga, o le faʻaoga o le matau e tutusa ma le vaegaDidMount, vaegaDidUpdate, ma vaegaWillUnmount auala fa'ata'amilosaga ola tu'ufa'atasi.
E tusa ai ma le React Hooks faʻamaumauga, na faia e foia ai nisi o faʻafitauli i le ES6 vasega vaega ole taamilosaga olaga.
Syntax
O le finauga muamua o se galuega toe fo'i, lea e fa'atinoina e ala i le fa'aletonu pe a uma fa'aliliuga ta'itasi. O le parakalafa lona lua o se fa'atonuga Fa'alagolago e fa'atonuina le Hook e toe fa'afo'i pe a suia le tulaga fa'atatau.
O le Hook e fa'atusatusaina ta'itasi fa'alagolago i le tala fa'asolopito ma le taimi nei. Afai e le fetaui ia tau e lua, e fa'ailoa e le Hook le toe fo'i i tua o lo'o fa'ailoa mai i le parakalafa muamua. O fa'atonuga fa'alagolago e suia le amio masani o le toe fo'i mai ma fa'amautinoa e le amana'ia e le Hook isi vaega uma o le vaega lautele.
Faʻaaogaina autu
Ina ia faʻasaoina se feʻau, o loʻo ou faʻaogaina le React useState i le faʻataʻitaʻiga code i luga. A maeʻa lena, ou te ave laʻu feʻau tulaga fesuiaʻi ma lolomi i luga o le lau. Ae ui i lea, ua ou manaʻo nei e faʻaaogaEffect e sui ai le feʻau i le lua pe a uma ona faʻapipiʻi le vaega.
Ua ou faʻaofiina loʻu aafiaga i tua o le useState laina ina ua uma ona faʻaulufale mai useEffect mai le React framework. O le parakalafa muamua e faʻaaogaEffect o se galuega. A fa'ataunu'u le fa'atinoina o galuega, o le a fa'afoeina so'o se a'afiaga e te tu'uina atu. Ole galuega ole galuega toe fa'afo'i lea e vala'au pe a tupu se tasi ole vaega ole React lifecycle mea tutupu.
O afea e faʻaaoga ai?
Ole fa'aogaAffect matau atonu e aoga ile tele o tulaga. O mea nei e sili ona taua:
- E mafai ona tatou suia lenei parakalafa mai le itu o tagata o tausia pe a tatou mananao e aumai faʻamatalaga e faʻatatau i se finauga na tuʻuina atu. O le a toe manatua pe a uma ona faʻafouina le parakalafa ma faʻamatalaga fou.
- Afai matou te mananaʻo e toe aumai faʻamatalaga mai se API faʻaiʻuga ma faʻaalia i le itu o tagata o tausia. A fa'aalia la tatou vaega, e fa'atino le galuega po'o le fa'au'u na tu'uina atu i le useEffect hook, ma fa'amaumauga i setete vaega e toe maua mai. O nei tulaga e fa'aaogaina i vaega fa'aoga fa'aoga.
- A faʻalagolago lau vaega i faʻamatalaga mai le lalolagi i fafo ma e le mafai ona matou mautinoa o le a oʻo mai faʻamatalaga, e tatau ona matou faʻaaogainaEffect (atonu o loʻo i lalo le server). Nai lo le togiina o fa'afitauli ma taofia isi vaega mai le fa'aalia, tu'u i totonu o le matau fa'aogaAffect.
Faaaoga mataupu
Afai e toe fa'afo'i le vaega pe a uma le ta'aloga muamua, e le fa'atinoina.
Soo se taimi lava e fa'aalia pe toe fa'afo'i ai se vaega, e tatau lava ona fa'atino.
Ona o le faaletonu, e na'o le tasi le taimi e ta'e ai le polokalame. A maeʻa, afai e suia le tau faʻatatau, tamoe:
Mo fa'agaioiga asynchronous, fa'aaoga i taimi uma useEffect.
useEffect code blocks o fa'ailoga manino ia o galuega e le fa'aogaina mo au uo atina'e. E mafai ona fatuina le code asynchronous e aunoa ma le faʻaaogaina o le UseEffect, ae e le o le "React method," ma e faʻateleina ai le lavelave ma le lamatiaga o mea sese.
O le fa'aaogaina o le useEffect nai lo le tusiaina o le code asynchronous e ono taofia ai le UI o se auala lauiloa i le React community, aemaise le auala na fausia ai e le React team e fai ai se itu.
O le isi itu lelei o le fa'aogaina o le mafai lea e le au atina'e ona toe iloilo le code ma vave iloa ai le code o lo'o fa'agasolo "i fafo atu o le fa'atonuga o le tafe," lea e na'o le taua pe a mae'a le taamilosaga muamua. E le gata i lea, o poloka e fetaui lelei mo le faʻaaogaina i le toe faʻaaogaina ma sili atu le faʻaogaina o matau masani.
Se faʻataʻitaʻiga
Fa'aaoga le useEffect code, fa'aopoopo se numera ile sekone.
iʻuga
O le malamalama i le faʻavaeina o faʻataʻitaʻiga faʻavae ma faiga sili ona lelei o le faʻaaogainaEffect Hook, i laʻu vaai, o se tomai taua e aʻoaʻoina pe a e manaʻo e avea oe ma se isi tulaga React developer.
I se aotelega, o le useEffect Hook e maua ai se galuega e aofia ai le taua, e mafai ona faʻaogaina le faʻaogaina atoatoa. O le fa'amoemoega fa'alagolago, o le fa'ailoga lona lua, e mafai ona fa'aoga e fa'aosofia ai le fa'atinoina. A o feagai ma ia, e tatau foi ona tusia le tulafono faʻamamaina e faʻaaoga ai le galuega toe faafoi.
Taʻu mai ia i matou i faʻamatalaga pe a fesoasoani le tusiga.
Tuua se tali