Видео: Та хэрхэн хариу үйлдэл үзүүлэх вэ?
2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50
Та үүсгэж болно ref залгах замаар Хариу үйлдэл үзүүлэх . createRef() болон хавсаргасан a Хариу үйлдэл үзүүлэх ашиглан түүнд элемент ref элемент дээрх шинж чанар. Бид зангилаа руу "дурдаж" болно ref -ийн одоогийн атрибут руу хандах замаар render аргаар үүсгэсэн ref.
Үүний нэгэн адил, рефүүд хариу үйлдэл хийхэд хэрхэн ажилладаг вэ?
Шүүгчид байна ашиглан бүтээсэн Хариу үйлдэл үзүүлэх .createRef() болон хавсаргасан хариу үйлдэл үзүүлэх дамжуулан элементүүд ref шинж чанар. Шүүгчид байна ихэвчлэн хуваарилдаг руу бүрэлдэхүүн хэсэг нь баригдсан үед жишээ шинж чанар нь тэд чадна Бүрэлдэхүүн хэсэг даяар лавлана.
Дараа нь, функциональ бүрэлдэхүүн хэсгийн хариу үйлдэл дэх ref-ийг хэрхэн ашиглах вэ гэсэн асуулт гарч ирнэ. Та тэгэхгүй байж магадгүй ашиглах нь ref шинж чанар асаалттай функциональ бүрэлдэхүүн хэсгүүд Учир нь тэдэнд тохиолдлууд байдаггүй. Гэсэн хэдий ч та чадна ашиглах нь ref дүрслэл доторх шинж чанар функц -ийн а функциональ бүрэлдэхүүн хэсэг . Чи чадна useRef ашиглах v16-аас хойш ашиглах боломжтой дэгээ.
Энгийнээр хэлэхэд та хүүхдээс эцэг эхэд хэрхэн хариу үйлдэл үзүүлэх вэ?
-тай ref s, утга нь DOM зангилаанд өөрөө байршдаг бөгөөд энэ нь хүртэл мэдэгдэх ёстой эцэг эх . руу нэвтрүүлэх -аас энэ үнэ цэнэ хүүхдээс эцэг эхэд , the эцэг эх хэрэгтэй нэвтрүүлэх "дэгээ"-ээр, хэрэв хүсвэл, хүүхэд . The хүүхэд дараа нь 'дэгээ'-д зангилаа залгана эцэг эх түүнд хандах боломжтой.
Рефс гэж юу вэ?
Refs нь DOM элемент эсвэл бүрэлдэхүүн хэсгийн жишээнд шууд хандах боломжийг олгодог escape hatch юм. Тэдгээрийг ашиглахын тулд та нэмнэ үү ref утга нь үндсэн DOM элемент эсвэл бүрэлдэхүүн хэсгийн суурилагдсан жишээг анхны аргумент болгон хүлээн авах буцаан дуудах функц болох өөрийн бүрэлдэхүүн хэсгийн шинж чанар.
Зөвлөмж болгож буй:
Би эхлээд хариу үйлдэл үзүүлэх үү, эсвэл уугуул байдлаараа хариу үйлдэл үзүүлэх ёстой юу?
Хэрэв та гар утасны хөгжүүлэлтийн талаар сайн мэддэг бол React Native-аас эхэлсэн нь дээр байх. Та React-ийн бүх үндсийг вэб орчинд сурахын оронд энэ тохиргоонд сурах болно. Та React-ийг сурсан ч таны хувьд шинэ зүйл биш HTML болон CSS-г ашиглах шаардлагатай хэвээр байна
Би хөгжүүлэлтийн хэрэгслүүдэд хэрхэн хариу үйлдэл үзүүлэх вэ?
React Devtools-ийг нээх хамгийн хурдан арга бол хуудасныхаа баруун товчийг дараад "inspect"-ыг сонгох явдал юм. Хэрэв та Chrome эсвэл Firefox-ын хөгжүүлэгчийн хэрэгслийг ашигласан бол энэ харагдац танд бага зэрэг танил болсон байх болно
Би хариу үйлдэл үзүүлэх CSS-д модулиудыг хэрхэн ашиглах вэ?
CSS модулиудыг ашиглах нь үнэхээр маш энгийн: Эхлээд энгийн CSS файл үүсгэ. Энэ файлд CSS анги нэмнэ үү. Бүрэлдэхүүн хэсэг дотроосоо саяхан үүсгэсэн модулийг дараах байдлаар импортолно уу: Модульд тодорхойлсон ангиллыг ашиглахын тулд үүнийг styles объектын ердийн шинж чанар гэж үзэхэд хангалттай, жишээ нь:
Та хариу үйлдэл үзүүлэх програм үүсгэхэд хэрхэн үйлчлэх вэ?
Create-React-App-ийг Express ашиглан ашиглах Алхам 1: Create-react-app-г суулгана уу. үүсгэх-react-app өөрийн-app-нэр. Алхам 2: React програм үүсгэх багцуудыг суулгана уу. npm суулгах; Алхам 3: Экспресс суулгана уу. npm install express --save. Алхам 4: Сервер үүсгэнэ үү. js файл. Алхам 5: Өөрийн package.json шинэчилнэ үү. Алхам 6: Экспресс серверийг эхлүүлнэ үү. Алхам 7: Хариу үйлдэл хийх програмаа эхлүүлнэ үү
Би Visual Studio дээр хариу үйлдэл үзүүлэх уугуул кодыг хэрхэн ажиллуулах вэ?
React Native төслийн үндсэн хавтсаа VS Code-д нээнэ үү. Эхлэх Ctrl + Shift + X (macOS дээр Cmd + Shift + X) дарж, боломжтой өргөтгөлүүдийн жагсаалт гарч ирэх хүртэл түр хүлээнэ үү. react-native гэж бичээд React Native хэрэгслийг суулгана уу. Дэлгэрэнгүй зааварчилгааг авахыг хүсвэл VS Code Extension Gallery-г үзнэ үү