React createRef гэж юу вэ?

2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50

ref атрибутыг HTML элемент дээр ашиглах үед ref нь үүсгэгч дээр үүсгэгддэг Хариу үйлдэл үзүүлэх . үүсгэхRef () нь үндсэн DOM элементийг одоогийн өмч болгон хүлээн авдаг. Ref атрибутыг захиалгат ангийн бүрэлдэхүүн хэсэг дээр ашиглах үед ref объект нь бүрэлдэхүүн хэсгийн суулгасан жишээг одоогийн байдлаар хүлээн авдаг.

Үүнийг харгалзан үзвэл ReactJS-д ref гэж юу вэ?

ReactJS | Refs . Refs нь DOM элемент болон таны өөрөө үүсгэсэн байж болох React элементэд хандахын тулд React-аас өгсөн функц юм. Эдгээрийг бид тулгуур болон бүх зүйлийг ашиглахгүйгээр хүүхдийн бүрэлдэхүүн хэсгийн утгыг өөрчлөхийг хүссэн тохиолдолд ашигладаг.

Үүний нэгэн адил Forwardref урвал гэж юу вэ? 2019 оны 11 сарын 9 6 минут уншсан. Ref дамжуулж байна Хариу үйлдэл үзүүлэх Энэ нь бүрэлдэхүүн хэсгүүдийг хүүхдэдээ шилжүүлэх ("урагш") боломжийг олгодог онцлог юм. Энэ нь хүүхдийн бүрэлдэхүүн хэсэгт эх бүрэлдэхүүнээрээ үүсгэсэн DOM элементийн лавлагааг өгдөг. Энэ нь хүүхдэд тухайн элементийг ашиглаж байгаа хаана ч уншиж, өөрчлөх боломжийг олгоно.

Үүнтэй адилаар та ref react-ийг хэрхэн ашигладаг вэ?

Та үүсгэж болно ref залгах замаар Хариу үйлдэл үзүүлэх . createRef() болон хавсаргасан a Хариу үйлдэл үзүүлэх түүнд элемент ашиглах нь ref элемент дээрх шинж чанар. Бид зангилаа руу "дурдаж" болно ref -ийн одоогийн атрибут руу хандах замаар render аргаар үүсгэсэн ref.

Ref-г хүүхэд бүрэлдэхүүн хэсэг рүү хэрхэн шилжүүлэх вэ?

Та нэвтрүүлэх нь ref нь хүүхдийн бүрэлдэхүүн хэсэг өөр нэртэй тулгуур гэж - үнэхээр өөр ямар ч нэр ref (жишээ нь: товчлуурын товчлуур). The хүүхдийн бүрэлдэхүүн хэсэг дараа нь тулгуурыг DOM зангилаа руу дамжуулж болно ref шинж чанар. Энэ нь эцэг эхэд олгодог нэвтрүүлэх түүний ref нь хүүхдийн дамжуулан DOM зангилаа бүрэлдэхүүн хэсэг дунд нь.