Haeba u moqapi oa React ea so kang a ithuta ka React hook, hona joale ke motsotso. Poso ena e tla feta ho useEffect React Hook ka botlalo. Ke hoko e lekanang le thipa ea Sesole sa Switzerland. E rarolla mathata a fapaneng, joalo ka mokhoa oa ho fumana data ha karolo e phahama, mokhoa oa ho tsamaisa khoutu ha boemo kapa prop e fetoha, mokhoa oa ho beha nako kapa linako, joalo-joalo.
UseEffect e sebelisoa bakeng sa ntho leha e le efe eo u batlang ho e "etsa" karolong ea React e sa khutliseng JSX (mofuta ofe kapa ofe oa litla-morao). U kanna ua ba le useEffects tse 'maloa ka karolo.
Matla ana kaofela a tla ka litšenyehelo: ntle le haeba o utloisisa hore na a sebetsa joang, e ka ba taba e tsietsang. Posong ena, re tla sheba mefuta e fapaneng ea mehlala e le hore o ka utloisisa mofuta oa mohopolo le ho o sebelisa khoutu ea hau.
React Hooks - E leka ho rarolla eng?
Li-hook li qalile ho hlahisoa ka mofuta oa React 16.8 mme joale li sebelisoa ke merero e mengata ea React. Hooks e hlola bothata ba ho pheta-pheta khoutu pakeng tsa likarolo. Li ngotsoe ntle le tšebeliso ea lihlopha. Sena ha se bolele hore React e lahla lihlopha; hook ke mokhoa o mong feela.
React e o lumella ho theha likarolo tse tsoetseng pele ka potlako tse nang le kelello e hlakileng. Ho thata ho arola likarolo tsena kaha sehlopha se itšetlehile ka React Lifecycle Methods. Mona ke moo React Hooks e kenang teng.
Li u lumella ho arola karolo ka mesebetsi e menyenyane. Sebakeng sa ho arola khoutu ka likotoana tse nyane ho latela mekhoa ea Lifecycle, joale u ka hlophisa le ho arola khoutu ka likarolo tse nyane ho latela ts'ebetso.
UseEffect Hook ke eng?
Li-hook ke mesebetsi e u lumellang hore u fihlele matla a mmuso le a mang ntle le ho ngola litlelase tsa ES6. The react hook API e na le hook e bitsoang useEffect. Haeba u tloaelane le react life cycles, useEffect hook e tšoana le compactionDidMount, motsoakoDidUpdate, 'me complicationWillUnmount mekhoa ea potoloho ea bophelo e kopantsoe.
Ho latela litokomane tsa React Hooks, e etselitsoe ho rarolla tse ling tsa litaba ka mekhoa ea potoloho ea bophelo ea sehlopha sa ES6.
Syntaxe
Khang ea pele ke ts'ebetso ea callback, e etsoang ka ho sa feleng ka mor'a hore e 'ngoe le e 'ngoe e fane. Paramethara ea bobeli ke khetho ea Dependency array e laelang Hook ho khutlela morao ha feela boemo bo reretsoeng bo fetoha.
The Hook e bapisa maemo a nalane le a hajoale a motho e mong le e mong. Haeba litekanyetso tse peli li sa lumellane, Hook e kopa callback e boletsoeng paramenteng ea pele. Likarolo tsa ho itšetleha li fetola mokhoa o tloaelehileng oa ho khutlela morao 'me li netefatsa hore Hook e hlokomoloha likarolo tse ling kaofela tse sebakeng sa karolo.
Tšebeliso ea mantlha
Ho boloka molaetsa, ke sebelisa React useState sampole ea khoutu e kaholimo. Ka mor'a moo, ke nka molaetsa oa ka o feto-fetoha ebe ke o hatisa skrineng. Leha ho le joalo, joale ke batla ho sebelisaEffect ho fetola molaetsa motsotsoana ka mor'a hore karolo e kenngoe.
Ke kentse phello ea ka ka morao ho useState line ka mor'a ho reka useEffect ho tsoa ho React framework. Paramethara ea pele ea ho sebelisaEffect ke ts'ebetso. Ha sesebelisoa sena sa tšebetso se phethiloe, se tla hlokomela litlamorao life kapa life tseo u fanang ka tsona. Ts'ebetso ke ts'ebetso ea callback e bitsoang ha e 'ngoe ea liketsahalo tsa potoloho ea bophelo ea karolo ea React e etsahala.
U ka e sebelisa neng?
Hook ea useEffect e ka ba molemo maemong a fapaneng. Tse latelang ke tsa bohlokoa ka ho fetisisa:
- Re ka fetola paramente ena ho tsoa lehlakoreng la bareki ha re lakatsa ho lata data ho latela khang e fanoeng. E tla hopoloa ka mor'a hore parameter e nchafatsoe ka data e ncha.
- Haeba re batla ho khutlisa data ho tsoa pheletsong ea API ebe re e bontša ka lehlakoreng la bareki. Ha karolo ea rona e fana ka ts'ebetso, ts'ebetso kapa sets'oants'o se fuoeng hook ea useEffect sea phethisoa, 'me lintlha tsa likarolo tsa likarolo lia khutlisoa. Joale li-status tsena li sebelisoa likarolong tsa sebopeho sa basebelisi.
- Ha karolo ea hau e itšetlehile ka boitsebiso bo tsoang linaheng tse ling 'me re sa khone ho netefatsa hore data e tla fihla, re lokela ho sebelisaEffect (mohlomong seva se teng tlase). Ho e-na le ho lahlela mathata le ho thibela likarolo tse ling hore li se ke tsa bontšoa, li behe ka hook ea useEffect.
Sebelisa linyeoe
Haeba karolo e phethoa hape ka mor'a ts'ebetso ea pele, e ke ke ea sebetsa.
Nako le nako ha karolo e fana kapa e fana hape, e tlameha ho etsoa kamehla.
Ka kamehla, lenaneo le sebetsa hang feela. Ka mor'a moo, haeba litekanyetso tsa prop li fetoha, matha:
Bakeng sa mesebetsi e sa tšoaneng, kamehla sebelisa useEffect.
UseEffect code blocks ke matšoao a hlakileng a mesebetsi e sa tloaelehang bakeng sa batho ba ntlafatsang le uena. Hoa khoneha ho etsa khoutu ea asynchronous ntle le ho sebelisa useEffect, empa sena ha se "React method," 'me se eketsa ho rarahana le kotsi ea liphoso.
Ho sebelisa useEffect sebakeng sa ho ngola khoutu e sa lumellaneng e ka emisang UI ke mokhoa o tsebahalang sechabeng sa React, haholo tsela eo sehlopha sa React se e hahileng ka eona ho etsa litlamorao.
Molemo o mong oa ho e sebelisa ke hore bahlahisi ba ka hlahloba khoutu 'me hang-hang ba lemoha khoutu e tsamaisoang "ka ntle ho phallo ea taolo," e leng ea bohlokoa feela ka mor'a potoloho ea pele. Ho feta moo, li-blocks li loketse ho ntšoa ka har'a li-Hook tse ka sebelisoang hape le ho feta tsa semantic.
Mohlala
U sebelisa khoutu ea useEffect, eketsa nomoro ka motsotsoana.
fihlela qeto e
Ho utloisisa melao-motheo ea moralo le mekhoa e metle ea useEffect Hook, ho ea ka pono ea ka, ke tsebo ea bohlokoa eo u ka ithutang eona haeba u batla ho ba moqapi oa boemo bo latelang ba React.
Ho akaretsa, useEffect Hook e fumana ts'ebetso e kenyelletsang bohlokoa, e ka bang le phello e felletseng ea kelello. Sehlopha sa ho itšetleha, e leng parameter ea bobeli, e ka sebelisoa ho susumetsa ts'ebetso. Ha u ntse u sebetsana le eona, ho boetse hoa hlokahala ho ngola khoutu ea ho hloekisa ho sebelisa mosebetsi oa ho khutla.
Re tsebise litlhalosong haeba sehlooho se ne se le molemo.
Leave a Reply