Video: JSX reaksiyada nima?
2024 Muallif: Lynn Donovan | [email protected]. Oxirgi o'zgartirilgan: 2023-12-15 23:54
JSX tomonidan ishlatiladigan XML/HTML-ga o'xshash sintaksis Reaksiya qilish XML/HTML-ga o'xshash matn JavaScript/ bilan birga mavjud bo'lishi uchun ECMAScript-ni kengaytiradi. Reaksiya qilish kod. O'tmishdan farqli o'laroq, JavaScript-ni HTML-ga qo'yish o'rniga, JSX HTMLni JavaScript-ga qo'yish imkonini beradi.
Shuni ham bilish kerakki, nima uchun JSX reaksiyada ishlatiladi?
JSX hech qanday createElement() va/yoki appendChild() usullarisiz HTML elementlarini JavaScript-da yozish va ularni DOM-ga joylashtirish imkonini beradi. JSX HTML teglarini o'zgartiradi reaksiyaga kirishish elementlar. Siz majbur emassiz JSX dan foydalaning , lekin JSX yozishni osonlashtiradi Reaksiya qilish ilovalar.
Bundan tashqari, JS va JSX o'rtasidagi farq nima? JS standart JavaScript, JSX bu HTML-ga o'xshash sintaksis bo'lib, siz React bilan (nazariy jihatdan) React komponentlarini yaratishni oson va intuitiv qilish uchun ishlatishingiz mumkin. holda JSX , yordamida katta, ichki o'rnatilgan HTML hujjatlarini yaratish JS sintaksis katta og'riq bo'ladi ichida orqa; JSX shunchaki bu jarayonni osonlashtiradi.
Bundan tashqari, reaksiyada className nima?
sinf nomi . CSS sinfini belgilash uchun dan foydalaning sinf nomi xususiyat. Bu,, va boshqalar kabi barcha oddiy DOM va SVG elementlariga taalluqlidir. Agar foydalansangiz Reaksiya qilish Veb-komponentlar bilan (bu kamdan-kam hollarda), uning o'rniga class atributidan foydalaning.
JSX nimani anglatadi?
JSX qisqartmasi JavaScript XML. Bilan Reaksiya qilish , bu elementlar va komponentlar uchun XML-ga o'xshash kod uchun kengaytma. bo'yicha Reaksiya qilish docs va siz aytib o'tganingizdek: JSX hech qanday belgilangan semantikasiz ECMAScript uchun XML-ga o'xshash sintaksis kengaytmasi.
Tavsiya:
Nega biz JSX-ni reaktsion JS da ishlatamiz?
JSX - bu JavaScript-da HTML teglarini yozishni qo'llab-quvvatlaydigan ReactJS uchun sintaksis kengaytmasi. ReactJS-dan tashqari, u veb-ilovani ifodalashning juda kuchli usulini yaratadi. Agar siz ReactJS bilan tanish bo'lsangiz, bu veb-komponentlarga asoslangan frontend ilovalarini amalga oshirish uchun kutubxona ekanligini bilasiz
W3c nima, Whatwg nima?
Veb-gipermatnli ilovalar texnologiyasi ishchi guruhi (WHATWG) HTML va tegishli texnologiyalarni rivojlantirishga qiziqqan odamlar jamoasidir. WHATWG 2004 yilda Apple Inc., Mozilla Foundation va Opera Software kompaniyalari, yetakchi veb-brauzer sotuvchilari tomonidan tashkil etilgan
Reaksiyada Bridge nima?
React Native shunday ishlab chiqilganki, biz ona tili va JavaScript kodi o'rtasida ko'prik yaratishimiz mumkin. Ko'prik mahalliy platforma va React Native o'rtasida aloqa o'rnatishdan boshqa narsa emas
JSX qanday kompilyatsiya qilinadi?
Shunday qilib, agar JavaScript fayllarida JSX bo'lsa, bu faylni ko'chirish kerak bo'ladi. Bu shuni anglatadiki, fayl veb-brauzerga kirishdan oldin JSX kompilyatori har qanday JSX ni oddiy JavaScript-ga tarjima qiladi. JSX React "elementlarini" ishlab chiqaradi. Reaktsiya elementi oddiygina DOM tugunining ob'ekt ko'rinishidir
Reaksiyada refs dan foydalanishim kerakmi?
Bola komponentiga ref qo'shishingiz mumkin bo'lsa-da, bu ideal echim emas, chunki siz DOM tugunini emas, balki faqat komponent namunasini olasiz. Bundan tashqari, bu funktsiya komponentlari bilan ishlamaydi. Agar siz React 16.3 yoki undan yuqori versiyadan foydalansangiz, bu holatlar uchun ref forwardingdan foydalanishni tavsiya qilamiz