React asosiy o'quv qo'llanmasi

Kirish React-ni o'rnatish react-devtools plaginni ulash Komponentli yondashuv Sayt maketi Komponent ishining natijasi

JSX Tili

JSX ga Kirish Ichki teglarni qaytarish Tegni pastga siljitish Bir nechta teglarni qaytarish Yopilmagan teglarni qaytarish Funksiya tomonidan bo'sh tegni qaytarish O'zgaruvchi qiymatlarini kiritish O'zgaruvchilarni kiritishda nozikliklar Massivlarni kiritish Obyektlarni kiritish Atributlarga kiritish Teglarni JSX da saqlash Bir nechta teglarni saqlash Turlari qatordagi teglar Teglarni qaytarish JSX teglarining yopiqligi Verstkaning to'g'riligi JavaScript kodini bajarish

Shartlar

JSX-da shartlar Shartga ko'ra ko'rsatish Tegni qaytarish uchun shartlar JSX-da ternar operator JSX-da && operatoridan foydalanish Qisqartirilgan shartlar uchun inversiya

Funksiyalar

Funksiyalardan foydalanish Teglar ichida funksiyalarni chaqirish Ishlov beruvchilarni biriktirish Ishlov beruvchi parametrlari Event obyekti Parametr uzatishda Event obyekti

Teglarni shakllantirish

Teglar massivi Sikldagi teglar massivi Ma'lumotlar massividan teglar Massivdagi kalitlar Ob'ektlar massivi ID orqali kalitlar Ob'ektlar massividan jadval

Benzersiz id

Munozara Yangi id bilan bog'liq muammolar Id uchun tasodifiy satrlar Id yaratish Id yaratish funktsiyasi Id funktsiyasidan foydalanish Funktsiyani noto'g'ri ishlatish

Stetlar

Stetlarga kirish Foydalanish Reaktivlik Stetda mantiqiy qiymat Stetlar bilan ishlashda hisoblagich

Formalar

Inputlar bilan ishlash Input ma'lumotlarini chiqarishda o'zgartirish Funksiya yordamida ma'lumotlarni o'zgartirish Bir nechta inputlar bilan ishlash Forma ma'lumotlarini qayta ishlash Textarea bilan ishlash Checkboxlar bilan ishlash Checkboxlar va shartli renderlash Selectlar bilan ishlash Select bandlari massivdan Selectda value atributlari Select value atributlari massivdan Radio bilan ishlash Standart qiymatlar Inputlarni massivga bog'lash Inputlarni ob'ektga bog'lash

Ma'lumotlar

Kirish Massivga reaktiv qo'shish Massivlar ustida reaktiv amallar Ob'ektlar massiviga reaktiv qo'shish Ob'ektlar massivlari ustida reaktiv amallar Ma'lumotlarni reaktiv ko'rsatish

Komponentlar

Komponentlarga kirish Komponentlardan foydalanish Komponentning bir nechta nusxalari Komponent propslari Farzand komponentlar Farzand komponentlar yaratish uchun massiv Tsikldagi farzand komponentlar Statelarni farzand komponentlarga uzatish Komponentga id uzatish Ota-ona stateni o'zgartirish Ota-ona stateni tahrirlash Bobo stateni tahrirlash Statelar orqali ish rejimlari

Tushunchalar

Kirish Komponentlar ma'lumotlari Komponent turlari Bir yo‘nalishli ma'lumotlar oqimi Holatlarni ko‘tarish Haqiqatning bitta manbai

Stylization

Reactda uslublash usullari Global CSS Ma'lumotlarni style atributiga obyektdan joylash Ma'lumotlarni style atributiga alohida fayldan joylash Style atributida CSS uslublari bilan ishlash Ma'lumotlarni style atributiga o'zgaruvchilardan joylash Styled Components Styled Components da proplar Styled Components da proplar va shartli render Kengaytirilgan uslublangan komponentlar CSS modullari bilan ishlashni boshlash CSS modullari bilan ishlashni davom ettirish Sinflar uchun composes komandasi Fayllar uchun composes komandasi

Loyihalar

Cheklis Bloknot
azbydeenesfrkakkptruuz