Idan kai mai haɓaka React ne wanda bai riga ya koyi game da React hooks ba, yanzu shine lokacin. Wannan sakon zai bi ta hanyar amfani da Effect React Hook daki-daki. Kugiya ce kwatankwacin wuka Sojan Swiss. Yana magance batutuwa iri-iri, kamar yadda ake samun bayanai lokacin da wani abu ya hau sama, yadda ake gudanar da code lokacin da jiha ko na'ura ta canza, yadda ake saita lokaci ko tazara, da sauransu.
Ana amfani da useEffect don kyawawan duk wani abu da kuke son yi a cikin sashin React wanda baya dawowa JSX (kowane nau'in sakamako na gefe). Hakanan kuna iya samun tasirin amfani da yawa a kowane bangare.
Duk wannan ikon yana zuwa akan farashi: sai dai idan kun fahimci yadda yake aiki, yana iya zama mai ruɗani. A cikin wannan sakon, za mu kalli misalai iri-iri domin ku iya fahimtar ƙirar ra'ayi kuma ku yi amfani da shi ga lambar ku.
Amince ƙugiya – Abin da yake kokarin warware?
An fara gabatar da ƙugiya a cikin React version 16.8 kuma yanzu ana amfani da su ta yawancin ayyukan React. Kugiyoyin sun shawo kan matsalar maimaita lambar tsakanin abubuwan haɗin gwiwa. An rubuta su ba tare da amfani da azuzuwan ba. Wannan baya nufin cewa React yana barin azuzuwan; ƙugiya kawai madadin hanya.
React yana ba ku damar ƙirƙira naɗaɗɗen sassa da sauri tare da dabaru na yanayi. Yana da wahala a raba waɗannan abubuwan haɗin gwiwa tunda ajin ya dogara da Hanyoyin React Lifecycle. Wannan shine inda React Hooks ke shigowa.
Suna ba ka damar raba sashi zuwa ƙananan ayyuka. Maimakon rarraba lamba zuwa ƙananan ɓangarorin dangane da hanyoyin Lifecycle, yanzu kuna iya tsarawa da raba lamba zuwa ƙananan raka'a dangane da aiki.
Menene UseEffect Hook?
Kugiyoyin ayyuka ne waɗanda ke ba ku damar samun dama ga jiha da sauran damar amsa ba tare da rubuta azuzuwan ES6 ba. API ɗin amsa hooks yana da ƙugiya mai suna useEffect. Idan kun saba da zagayowar rayuwa, ƙugiya Effect iri ɗaya ce da bangarenDidMount, bangarenDidUpdate, Da kuma bangaren zaiUnmount hanyoyin zagayowar rayuwa a hade.
Dangane da takaddun React Hooks, an ƙirƙira shi don magance wasu batutuwa tare da hanyoyin zagayowar yanayin sassan aji na ES6.
ginin kalma
Hujja ta farko ita ce aikin dawo da kira, wanda ake aiwatar da shi ta tsohuwa bayan kowace yin aiki. Siga na biyu tsari ne na Dogaro na zaɓi wanda ke ba ƙugiya umarni don sake kira kawai idan yanayin da ake nufi ya canza.
Kugiya tana kwatanta kowane abin dogaro na tarihi da jihohin yanzu. Idan dabi'u biyu ba su daidaita ba, kugiya tana kiran kiran da aka kayyade a cikin sigar farko. Tsare-tsaren dogarawa suna canza dabi'ar dawowar kiran da aka saba kuma suna ba da garantin cewa kugiya ya yi watsi da duk sauran abubuwan da ke cikin iyakokin bangaren.
Asalin amfani
Don ajiye saƙo, Ina amfani da React useState a cikin samfurin lambar da ke sama. Bayan haka, na ɗauki saƙona mai sauyin yanayi in buga shi akan allo. Koyaya, yanzu ina so in yi amfani da Effect don gyara saƙon daƙiƙa bayan an ɗora sashin.
Na saka tasiri na a bayan layin amfani State bayan shigo da amfaniEffect daga tsarin React. Siga na farko don amfani daEffect aiki ne. Lokacin da aka aiwatar da wannan mai sarrafa aikin, zai kula da duk wani lahani da kuka bayar. Aikin shine aikin dawo da kira wanda ake kira lokacin da ɗayan abubuwan da suka faru na React ɓangarorin rayuwa suka auku.
Yaushe za a yi amfani da shi?
Ƙungiya ta amfaniEffect na iya zama da amfani a yanayi iri-iri. Wadannan sune mafi mahimmanci:
- Za mu iya canza wannan siga daga gefen abokin ciniki lokacin da muke son ɗauko bayanai dangane da gardamar da aka kawo. Za a tuna bayan an sabunta siga tare da sabbin bayanai.
- Idan muna so mu dawo da bayanai daga ƙarshen ƙarshen API kuma mu nuna shi a gefen abokin ciniki. Lokacin da sashinmu ya bayyana, ana aiwatar da aikin ko mai kula da aka ba da ƙugiya Effect, kuma ana dawo da bayanai a cikin jihohin ɓangaren. Ana amfani da waɗannan ma'auni a cikin abubuwan haɗin haɗin mai amfani.
- Lokacin da bangaren ku ya dogara da bayanai daga duniyar waje kuma ba za mu iya tabbatar da cewa bayanai za su zo ba, ya kamata mu yi amfani daEffect (wataƙila sabar tana ƙasa a can). Maimakon jefa matsaloli da hana sauran abubuwan da aka gyara daga nunawa, sanya su a cikin ƙugiya ta amfani.
Amfani da sharuɗɗa
Idan bangaren ya sake yin aiki bayan gudu na farko, ba zai yi aiki ba.
A duk lokacin da wani abu ya yi ko ya sake sakewa, ya kamata a aiwatar da shi koyaushe.
Ta hanyar tsoho, shirin yana gudana sau ɗaya kawai. Bayan haka, idan ƙimar talla ta canza, gudu:
Don ayyukan asynchronous, yi amfani da Effect koyaushe.
UseEffect code tubalan su ne bayyanannen alamun ayyukan asynchronous ga abokan haɓaka ku. Yana yiwuwa a ƙirƙiri lambar asynchronous ba tare da amfani da Effect ba, amma wannan ba shine "Hanyar amsawa ba," kuma yana haɓaka duka rikitarwa da haɗarin kuskure.
Amfani da useEffect maimakon rubuta lambar asynchronous wanda zai iya dakatar da UI sanannen fasaha ce a cikin al'ummar React, musamman yadda ƙungiyar React ta gina ta don yin tasiri.
Wata fa'idar amfani da ita ita ce masu haɓakawa na iya kawai sake duba lambar kuma nan da nan gano lambar da ke gudana "a wajen sarrafa iko," wanda ya zama mahimmanci kawai bayan sake zagayowar farko. Bugu da ƙari, tubalan sun dace don cirewa cikin sake amfani da su kuma har ma da madaidaicin ƙugiya na al'ada.
Misali
Yin amfani da codeEffect code, ƙara lamba a cikin sakan daya.
Kammalawa
Fahimtar ƙa'idodin ƙira da mafi kyawun ayyuka na UseEffect Hook, a gani na, fasaha ce mai mahimmanci don koyo idan kuna son zama mai haɓaka React na gaba.
Don taƙaitawa, mai amfaniEffect Hook yana karɓar aiki wanda ya haɗa da mahimmanci, mai yuwuwar tasiri cikakken hankali. Tsarin dogara, wanda shine siga na biyu, ana iya amfani da shi don rinjayar aiwatar da aiwatarwa. Yayin da ake mu'amala da shi, Hakanan wajibi ne a rubuta lambar tsaftacewa ta amfani da aikin dawowa.
Bari mu san a cikin sharhin idan labarin ya taimaka.
Leave a Reply