Mas e leasaiche React a th’ annad nach do dh’ ionnsaich fhathast mu dubhan React, seo an àm. Thèid an dreuchd seo tro useEffect React Hook gu mionaideach. Tha e co-ionann ri dubhan ri sgian Arm na h-Eilbheis. Bidh e a’ fuasgladh grunn chùisean, leithid mar a gheibh thu dàta nuair a thèid pàirt a chuir suas, mar a ruitheas tu còd nuair a dh’ atharraicheas stàite no prop, mar a shuidhicheas tu timers no amannan, agus mar sin air adhart.
Tha useEffect air a chleachdadh airson cha mhòr rud sam bith a tha thu airson “a dhèanamh” ann am pàirt React nach eil a’ tilleadh JSX (seòrsa de bhuaidh taobh). Is dòcha gu bheil grunn bhuaidhean cleachdaidh agad airson gach co-phàirt.
Thig an cumhachd seo gu lèir aig cosgais: mura tuig thu mar a tha e ag obair, dh’ fhaodadh e a bhith troimh-chèile. Anns an dreuchd seo, bheir sinn sùil air grunn eisimpleirean gus an urrainn dhut greim fhaighinn air a’ mhodail bhun-bheachdail agus a chuir an sàs anns a’ chòd agad fhèin.
Hooks React - Dè a tha e a’ feuchainn ri fhuasgladh?
Chaidh dubhan a thoirt a-steach an toiseach ann an dreach React 16.8 agus tha iad a-nis air an cleachdadh le mòran phròiseactan React. Bidh dubhan a’ faighinn thairis air duilgheadas ath-aithris còd eadar co-phàirtean. Tha iad air an sgrìobhadh gun fheum clasaichean. Chan eil seo a’ ciallachadh gu bheil React a’ trèigsinn chlasaichean; chan eil ann an dubhan ach dòigh eile.
Leigidh React leat co-phàirtean sòlaimte a chruthachadh gu sgiobalta le loidsig stàiteil. Tha e duilich na co-phàirtean sin a sgaradh leis gu bheil an clas an urra ri React Lifecycle Methods. Seo far a bheil React Hooks a’ tighinn a-steach.
Leigidh iad leat pàirt a roinn ann an gnìomhan nas lugha. An àite còd a roinn ann am pìosan nas lugha stèidhichte air dòighean Cuairt-beatha, faodaidh tu a-nis còd a chuir air dòigh agus a sgaradh gu aonadan nas lugha a rèir gnìomhachd.
Dè a th’ ann an cleachdadh HookEffect?
Is e gnìomhan a th’ ann an dubhan a leigeas leat faighinn gu comasan freagairt stàite agus eile gun a bhith agad ri clasaichean ES6 a sgrìobhadh. Tha dubhan aig an API dubhan ris an canar useEffect. Ma tha thu eòlach air cearcallan beatha freagairt, tha an dubhan useEffect an aon rud ris an co-phàirtDidMount, co-phàirtDidUpdate, agus co-phàirtWillUnmount dòighean cuairt-beatha còmhla.
A rèir sgrìobhainnean React Hooks, chaidh a chruthachadh gus fuasgladh fhaighinn air cuid de na cùisean le dòighean cearcall beatha clas ES6.
Syntax
Is e gnìomh gairm air ais a’ chiad argamaid, a thèid a chuir gu bàs gu bunaiteach às deidh gach tairgse. Tha an dàrna paramadair na raon eisimeileachd roghainneil a tha ag iarraidh air an dubhan fios air ais a-mhàin ma dh'atharraicheas an stàit targaid.
Bidh an Dubhan a’ dèanamh coimeas eadar stàitean eachdraidheil agus làithreach gach eisimeileachd. Mura h-eil an dà luach co-ionnan, bidh an Dubhan a’ toirt a-steach an ais-ghairm a chaidh a shònrachadh sa chiad pharamadair. Bidh arrays eisimeileachd ag atharrachadh a’ ghiùlan àbhaisteach air ais agus a’ gealltainn nach bi an Dubhan a’ seachnadh a h-uile pàirt eile ann an raon a’ cho-phàirt.
Cleachdadh bunaiteach
Gus teachdaireachd a shàbhaladh, tha mi a 'cleachdadh React useState anns an sampall còd gu h-àrd. Às deidh sin, bheir mi caochladair stàite mo theachdaireachd agus clò-bhuail e air an sgrion. Ach, tha mi a-nis airson Effect a chleachdadh gus an teachdaireachd atharrachadh diog às deidh don phàirt a bhith air a chuir suas.
Tha mi air mo bhuaidh a chuir a-steach air cùl loidhne useState às deidh dhomh useEffect a thoirt a-steach bho fhrèam React. Is e gnìomh a’ chiad paramadair airson useEffect. Nuair a thèid an inneal-làimhseachaidh gnìomh seo a chuir gu bàs, bheir e aire do bhuaidhean sam bith a bheir thu seachad. Is e gnìomh gairm air ais a chanar ris a’ ghnìomh nuair a thachras aon de na tachartasan cuairt-beatha pàirt React.
Cuin a chleachdas tu e?
Faodaidh an dubhan useEffect a bhith feumail ann an grunn shuidheachaidhean. Is iad na leanas an fheadhainn as cudromaiche:
- Faodaidh sinn am paramadair seo atharrachadh bho thaobh an neach-dèiligidh nuair a tha sinn airson dàta fhaighinn a rèir argamaid a chaidh a sholarachadh. Thèid a thoirt air ais às deidh am paramadair ùrachadh le dàta ùr.
- Ma tha sinn airson dàta fhaighinn air ais bho cheann-uidhe API agus a thaisbeanadh air taobh an neach-dèiligidh. Nuair a bheir am pàirt againn seachad, thèid an gnìomh no an inneal-làimhseachaidh a chaidh a thoirt don dubhan useEffect a chuir gu bàs, agus thèid dàta anns na stàitean co-phàirteach fhaighinn air ais. Tha na h-inbhean sin an uairsin air an cleachdadh ann am pàirtean eadar-aghaidh luchd-cleachdaidh.
- Nuair a bhios an co-phàirt agad an urra ri dàta bhon t-saoghal a-muigh agus nach urrainn dhuinn dèanamh cinnteach gun ruig an dàta, bu chòir dhuinn Effect a chleachdadh (is dòcha gu bheil am frithealaiche shìos an sin). An àite a bhith a’ tilgeil dhuilgheadasan agus a’ cur casg air co-phàirtean eile a bhith air an taisbeanadh, cuir iad san dubhan useEffect.
Cleachd cùisean
Ma thig am pàirt a-rithist às deidh a’ chiad ruith, cha chuir e an gnìomh e.
Nuair a bhios pàirt a 'toirt seachad no a' toirt seachad a-rithist, bu chòir a chur gu bàs an-còmhnaidh.
Gu gnàthach, cha ruith am prògram ach aon turas. Às deidh sin, ma dh'atharraicheas luachan an prop, ruith:
Airson gnìomhan asyncronach, cleachd useEffect an-còmhnaidh.
tha blocaichean còd useEffect nan comharran follaiseach air obraichean asyncronach dha do cho-luchd-leasachaidh. Tha e comasach còd asyncronach a chruthachadh gun a bhith a ’cleachdadh useEffect, ach chan e seo an“ React Method, ”agus bidh e a’ meudachadh an dà chuid iom-fhillteachd agus cunnart mhearachdan.
Tha cleachdadh useEffect an àite a bhith a’ sgrìobhadh còd asyncronach a dh’ fhaodadh stad a chuir air an UI na innleachd ainmeil ann an coimhearsnachd React, gu sònraichte an dòigh anns a bheil an sgioba React air a thogail gus taobh-bhuaidh a choileanadh.
Is e buannachd eile a bhith ga chleachdadh gum faod luchd-leasachaidh dìreach an còd ath-sgrùdadh agus còd a lorg sa bhad a tha air a ruith “taobh a-muigh an t-sruth smachd,” a thig gu bhith cudromach dìreach às deidh a ’chiad chearcall tairgse. A bharrachd air an sin, tha na blocaichean freagarrach airson an toirt a-steach gu dubhan àbhaisteach ath-chleachdadh agus eadhon nas semantach.
Eisimpleir
A’ cleachdadh a’ chòd useEffect, àrdaich àireamh gach diog.
Co-dhùnadh
Tha tuigse air na prionnsapalan dealbhaidh bunaiteach agus na cleachdaidhean as fheàrr a thaobh cleachdadhEffect Hook, nam bheachd-sa, na sgil riatanach airson ionnsachadh ma tha thu airson a bhith nad leasaiche React aig an ath ìre.
Gus geàrr-chunntas a dhèanamh, tha an useEffect Hook a’ faighinn gnìomh a tha a’ toirt a-steach loidsig riatanach, a dh’ fhaodadh a bhith làn bhuaidh. Faodar an raon eisimeileachd, a tha mar an dàrna paramadair, a chleachdadh gus buaidh a thoirt air coileanadh. Nuair a bhios tu a’ dèiligeadh ris, feumar cuideachd còd glanaidh a sgrìobhadh a’ cleachdadh a’ ghnìomh tilleadh.
Leig fios dhuinn anns na beachdan an robh an artaigil cuideachail.
Leave a Reply