Ọ bụrụ na ị bụ onye nrụpụta React nke na-amụtabeghị maka nko React, ugbu a bụ oge. Nke a post ga-aga site useEffect React Hook n'ụzọ zuru ezu. Ọ bụ nko yiri mma ndị agha Switzerland. Ọ na-edozi nsogbu dị iche iche, dị ka otu esi enweta data mgbe akụrụngwa na-ebuli elu, otu esi agba koodu mgbe steeti ma ọ bụ ihe na-agbanwe agbanwe, otu esi edozi oge ma ọ bụ oge, na ihe ndị ọzọ.
A useEffect na-eji mara mma nke ukwuu ihe ọ bụla ị chọrọ ime na a React akụrụngwa na-adịghị alaghachi JSX (ọ bụla ụdị mmetụta). Ị nwekwara ike inwe ọtụtụ mmetụta ojiji kwa mpaghara.
Ike a niile na-abịa na ọnụ ahịa: ọ gwụla ma ị ghọtara ka o si arụ ọrụ, ọ nwere ike ịgbagwoju anya. N'ime ọkwa a, anyị ga-eleba anya n'ụdị dị iche iche ka ị nwee ike ịghọta ụdị echiche wee tinye ya na koodu nke gị.
Na -emegharị nko – Gịnị ọ na-agbalị idozi?
Ewebatara nko mbụ na ụdị React 16.8 ma ọtụtụ ọrụ React na-eji ya. Nko na-emeri nsogbu nke koodu ugboro n'etiti akụrụngwa. Edere ha n'ejighi klaasị. Nke a apụtaghị na React na-ahapụ klas; nko bụ naanị usoro ọzọ.
Mmeghachi omume na-enye gị ohere ịmepụta ngwa ngwa ọkaibe nwere ezi uche. O siri ike ikewapụta ihe ndị a ebe klas ahụ dabere na React Lifecycle Methods. Nke a bụ ebe React Hooks na-abata.
Ha na-enye gị ohere kewaa akụrụngwa n'ime obere ọrụ. Kama ikesa koodu n'ime obere iberibe dabere na usoro Lifecycle, ị nwere ike hazie ugbu a wee kewaa koodu n'ime nkeji pere mpe dabere na arụmọrụ.
Kedu ihe bụ UseEffect Hook?
Nko bụ ọrụ na-enye gị ohere ịnweta steeti na ikike mmeghachi omume ndị ọzọ na-enweghị ide klas ES6. The react hooks API nwere nko a na-akpọ useEffect. Ọ bụrụ na ị maara usoro mmeghachi omume nke ndụ, nko useEffect bụ otu ihe ahụ. akụrụngwaDidMount, akụrụngwaDidUpdate, na componentsWillUnmount usoro okirikiri ndụ jikọtara ọnụ.
Dị ka akwụkwọ React Hooks si kwuo, e kere ya iji dozie ụfọdụ n'ime nsogbu ndị nwere usoro usoro ndụ usoro ndụ klas ES6.
Nhazi
Arụmụka nke mbụ bụ ọrụ ịkpọghachi, nke a na-eme na ndabara ma emechaa nke ọ bụla. Oke nke abụọ bụ usoro ịdabere na nhọrọ nke na-agwa nko ka ọ kpọọghachi naanị ma ọ bụrụ na steeti ebumnuche gbanwere.
Nko na-atụnyere ọnọdụ ndabere nke ọ bụla na steeti dị ugbu a. Ọ bụrụ na ụkpụrụ abụọ ahụ adabaghị, nko ahụ na-akpọ oku azụ akpọpụtara na oke nke mbụ. Nkwakọ ntụkwasị obi na-agbanwe omume ịkpọghachị a na-emebu ma kwe nkwa na nko na-eleghara ihe ndị ọzọ niile dị na mpaghara mpaghara ahụ anya.
Ojiji nke isi
Ka ịchekwaa ozi, m na-eji React useState na nlele koodu dị n'elu. Mgbe nke ahụ gasịrị, m na-ewere ọnọdụ mgbanwe ozi m wee bipụta ya na ihuenyo. Agbanyeghị, achọrọ m ijiEffect gbanwee ozi a nke abụọ ka etinyechara akụrụngwa ahụ.
Etinyere m mmetụta m n'azụ ahịrị State ka m bubatasịrị useEffect site na usoro mmeghachi omume. Oke izizi ijiEffect bụ ọrụ. Mgbe emechara onye njikwa ọrụ a, ọ ga-elekọta mmetụta ọ bụla ị nyere. Ọrụ a bụ ọrụ nlọghachi azụ nke a na-akpọ mgbe otu n'ime ihe omume okirikiri ndụ na-eme.
Mgbe iji ya?
Nko useEffect nwere ike ịba uru n'ọnọdụ dị iche iche. Ihe ndị a bụ ihe kachasị mkpa:
- Anyị nwere ike ịgbanwe oke a n'akụkụ ndị ahịa mgbe anyị chọrọ iweta data dabere na arụmụka ewepụtara. A ga-echeta ya ka ejiri data ọhụrụ emelite paramita ahụ.
- Ọ bụrụ na anyị chọrọ iweghachite data site na njedebe API wee gosipụta ya n'akụkụ ndị ahịa. Mgbe akụrụngwa anyị rụpụtara, a na-arụ ọrụ ma ọ bụ onye njikwa enyere na useEffect nko, a na-eweghachite data dị na mpaghara akụrụngwa. A na-arụkwa ọkwa ndị a n'ọrụ n'ime ihe ndị ọrụ interface.
- Mgbe akụrụngwa gị dabere na data sitere na ụwa dị n'èzí ma anyị enweghị ike hụ na data ga-abịarute, anyị kwesịrị ijiEffect (ma eleghị anya, ihe nkesa dị n'ebe ahụ). Kama ịtụba nsogbu na igbochi ihe ndị ọzọ ka egosipụtara, tinye ha na nko ojijiEffect.
Jiri ikpe
Ọ bụrụ na akụrụngwa regharịa ka emechara ọsọ mbụ, ọ gaghị eme.
Mgbe ọ bụla akụrụngwa gosipụtara ma ọ bụ megharịa ya, a ga-emerịrị ya mgbe niile.
Site na ndabara, mmemme ahụ na-agba naanị otu ugboro. Mgbe nke ahụ gasịrị, ọ bụrụ na ụkpụrụ prop agbanwe agbanwe, gbaa ọsọ:
Maka mmemme asynchronous, na-eji useEffect mgbe niile.
Ihe ngọngọ koodu useEffect bụ akara doro anya nke ọrụ asynchronous maka ndị mmepe ibe gị. Ọ ga-ekwe omume ịmepụta koodu asynchronous na-ejighị iji Effect, ma nke a abụghị "usoro mmeghachi omume," ọ na-abawanye ma mgbagwoju anya na ihe ize ndụ nke mmejọ.
Iji useEffect kama ide koodu asynchronous nke nwere ike ịkwụsị UI bụ usoro amaara nke ọma na obodo React, ọkachasị otu ndị otu React siri wuo ya ka ha wee nwee mmetụta.
Uru ọzọ dị n'iji ya eme ihe bụ na ndị mmepe nwere ike nyochaa koodu ahụ ozugbo wee chọpụta koodu na-agba ọsọ "n'èzí njikwa njikwa," nke na-adị mkpa naanị mgbe usoro ntụgharị mbụ gasịrị. Ọzọkwa, ihe mgbochi ndị ahụ dabara adaba maka mmịpụta n'ime nrụgharị omenala na ọbụna semantic omenala.
Otu ihe atụ
Iji koodu useEffect, kwalite nọmba kwa nkeji.
mmechi
Ịghọta ụkpụrụ imewe dị n'okpuru na omume kacha mma nke useEffect Hook, n'uche nke m, bụ nka dị oke egwu ịmụta ma ọ bụrụ na ịchọrọ ịghọ onye nrụpụta nzaghachi ọkwa ọzọ.
Iji chịkọta ọnụ, ojijiEffect Hook na-enweta ọrụ na-agụnye mkpa dị mkpa, nwere ike imetụta echiche zuru oke. Enwere ike iji usoro ịdabere na ya, nke bụ oke nke abụọ, na-emetụta ogbugbu ahụ. Mgbe ị na-eme ya, ọ dịkwa mkpa ide koodu nhicha site na iji ọrụ nloghachi.
Mee ka anyị mara na nkọwa ma ọ bụrụ na isiokwu ahụ bara uru.
Nkume a-aza