Mündəricat:

Reaksiyada komponentləri tərtib etməyin üç fərqli yolu hansılardır?
Reaksiyada komponentləri tərtib etməyin üç fərqli yolu hansılardır?
Anonim

İstehsal səviyyəsində iş üçün sənayedə geniş istifadə olunan React JS komponentlərinin üslubunun təxminən səkkiz fərqli yolu var:

  1. Daxili CSS.
  2. Normal CSS.
  3. JS-də CSS.
  4. Üslublu Komponentlər .
  5. CSS Modulları.
  6. Sass və SCSS.
  7. Daha az.
  8. Üslublu.

Bunu nəzərə alaraq, komponentləri necə reaksiya verirsiniz?

üçün a Reaksiya komponenti ki, istəyirsən üslub , sadəcə olaraq ehtiva edən bir CSS faylı yaradın üslublar onun üçün komponent . Quraşdırma zamanı yerli sinif adları xəritələnir və JS obyekti kimi ixrac olunur Reaksiya - həmçinin adı dəyişdirilmiş sinif adları ilə daxil edilmiş CSS-nin dəyişdirilmiş versiyası.

daxili üslublar niyə pisdir? Brauzerlər hər veb səhifəni sadə HTML-yə çevirirlər. istifadə daxili üslublar HTML-də a pis təcrübə, çünki brauzer onu yaxşı başa düşmür. Veb saytınız kiçikdirsə və xaricdən istifadə etmək istəmirsinizsə üslub çarşaflar, sonra daxili üçün getməlisiniz üslublar çünki brauzerlər onları asanlıqla başa düşə bilər.

Bundan əlavə, reaksiyada className-dən necə istifadə edə bilərəm?

sinif adı . CSS sinifini təyin etmək üçün, istifadə edin the sinif adı atribut. Bu,, və digərləri kimi bütün adi DOM və SVG elementlərinə aiddir. Əgər sən React istifadə edin Veb Komponentləri ilə (nadir deyil), istifadə edin əvəzinə sinif atributu.

Reaksiya yerli CSS-dən istifadə edirmi?

CSS istifadə edin üslubunuz üçün Doğma reaksiya verin proqramlar. Pərdə arxası. css fayllara çevrilir doğma reaksiya stil obyektləri (nümunələrə baxın). Bu transformator bacarmaq ilə birlikdə istifadə oluna bilər Native CSS-yə reaksiya verin modullar.

Tövsiyə: