Mundarija:

React CSS-da modullardan qanday foydalanaman?
React CSS-da modullardan qanday foydalanaman?

Video: React CSS-da modullardan qanday foydalanaman?

Video: React CSS-da modullardan qanday foydalanaman?
Video: ChatGPT bilan ishlash // to'liq kurs 2024, Noyabr
Anonim

CSS modullaridan foydalanish haqiqatan ham juda oddiy:

  1. Birinchidan, normal yarating CSS fayl.
  2. Qo'shish CSS ushbu faylga sinflar.
  3. Import qiling modul Siz hozirgina komponentingizdan yaratdingiz, masalan:
  4. Kimga foydalanish sizda belgilangan sinf modul , uni uslublar ob'ektidagi oddiy xususiyat sifatida ko'rsating, masalan:

Xuddi shunday, siz CSS-da modullarni qanday yoqishim mumkinligini so'rashingiz mumkin.

Yaratmoq- Reaksiya qilish - Ilova qo'llab-quvvatlaydi css modullari 2-versiyadan boshlab, hozirda barqaror. v2 ga yangilang ( reaksiyaga kirishish [email protected]) ipni yangilash orqali reaksiyaga kirishish [email protected]. Kimga CSS modulini yoqing ilovangizda yaratish-ni chiqarib tashlashingiz shart emas. reaksiyaga kirishish -ilova.

Bundan tashqari, CSS loader nima? uslub - yuklovchi veb-paket hisoblanadi yuklovchi bu biroz yuklashi mumkin CSS va teg orqali hujjatga kiriting. css - yuklovchi bo'ladi yuklovchi a.ni tahlil qilish mumkin CSS faylga kiriting va unga turli transformatsiyalarni qo'llang. Eng muhimi, u mavjud CSS Bizni qabul qilishi mumkin bo'lgan modullar rejimi CSS va yuqorida aytib o'tilganidek, sinflarni xash qiling.

Shunday qilib, CSS modullari nima?

A CSS moduli a CSS fayl, unda barcha sinf nomlari va animatsiya nomlari sukut bo'yicha lokal ravishda qamrab olinadi. Bu erdagi kalit so'zlar mahalliy miqyosda. Bilan CSS modullari , sizning CSS sinf nomlari JavaScript-dagi mahalliy o'zgaruvchilarga o'xshash bo'ladi. Siz buni "deysiz" CSS moduli Agar siz uni a bilan ishlatishni rejalashtirmoqchi bo'lsangiz CSS modullari kompilyator.

Bootstrap reaktsiyasi nima?

Reaksiya qilish - Bootstrap ning to'liq qayta tatbiq etilishi bilan kutubxona hisoblanadi Bootstrap komponentlardan foydalanish Reaksiya qilish . Unga bog'liqlik yo'q bootstrap . js yoki jQuery. Foydalanish React Bootstrap foydalanish imkonini beradi Bootstrap komponentlar va uslublar, Lekin orqali kamroq va toza kod bilan Reaksiya qilish.

Tavsiya: