Dapat ko bang gamitin ang mga ref bilang reaksyon?
Dapat ko bang gamitin ang mga ref bilang reaksyon?

Video: Dapat ko bang gamitin ang mga ref bilang reaksyon?

Video: Dapat ko bang gamitin ang mga ref bilang reaksyon?
Video: Kaylan Ba Pweding Patayin Ang REFRIGERATOR? | JFORD TV 2024, Nobyembre
Anonim

Habang ikaw maaari magdagdag ng a ref sa child component, hindi ito isang perpektong solusyon, dahil makakakuha ka lang ng component instance sa halip na isang DOM node. Bukod pa rito, hindi ito gagana sa mga bahagi ng function. kung ikaw gumamit ng React 16.3 o mas mataas, inirerekomenda namin sa gumamit ng ref pagpapasa para sa mga kasong ito.

Kaugnay nito, bakit tayo gumagamit ng mga ref bilang reaksyon?

Mga Ref ay isang function na ibinigay ng Magreact upang ma-access ang elemento ng DOM at ang Magreact elemento na ikaw maaaring gumawa sa iyong sarili. Sila ay ginamit sa mga kaso kung saan tayo nais na baguhin ang halaga ng isang bahagi ng bata, nang hindi ginagawa gamitin ng props at lahat.

Higit pa rito, paano mo ipapasa ang mga ref bilang reaksyon? Tinutukoy namin ang a ref sa sangkap na nangangailangan ng ref at pumasa ito sa bahagi ng pindutan. Magreact kalooban pumasa ang ref sa pamamagitan at ipasa ito pababa sa <button ref ={ ref }> sa pamamagitan ng pagtukoy dito bilang isang JSX attribute. Kapag ang ref ay nakalakip, ref . ang kasalukuyang ay ituturo sa DOM node.

Bukod dito, masama ba ang reaksyon ng mga ref?

Ayon sa opisyal gumanti docs, Bagama't string mga ref ay hindi pinahinto, itinuturing ang mga ito na legacy, at malamang na hindi na ginagamit sa isang punto sa hinaharap.

Ano ang ginagawa ng react createRef?

Paglikha ng Ref - Paggamit Magreact . createRef () at ilakip ang mga ito sa Magreact mga elemento sa pamamagitan ng katangian ng ref. Mahalaga, itinalaga mo ang Ref na ibinalik mula sa Magreact . createRef () sa isang instance property, kapag ang isang component ay itinayo (aka, sa constructor ng bahagi). Sa ganitong paraan, ang Ref pwede ma-reference sa buong bahagi.

Inirerekumendang: