Taula de continguts:

Quines són tres maneres diferents d'estilitzar els components en reaccionar?
Quines són tres maneres diferents d'estilitzar els components en reaccionar?

Vídeo: Quines són tres maneres diferents d'estilitzar els components en reaccionar?

Vídeo: Quines són tres maneres diferents d'estilitzar els components en reaccionar?
Vídeo: Versión Completa. Estoicismo: una filosofía de vida. Massimo Pigliucci, doctor en Filosofía 2024, De novembre
Anonim

Sembla que hi ha unes vuit maneres diferents d'estilitzar els components de React JS que s'utilitzen àmpliament a la indústria per al treball a nivell de producció:

  1. CSS en línia.
  2. CSS normal.
  3. CSS en JS.
  4. Estilitzat Components .
  5. Mòduls CSS.
  6. Sass i SCSS.
  7. Menys.
  8. Estilable.

Tenint-ho en compte, com reaccionen els components d'estil?

Per a Component de reacció que t'agradaria estil , simplement creeu un fitxer CSS que contindrà el fitxer estils per això component . En el moment de la construcció, els noms de classe local es mapegen i s'exporten com a literal d'objecte JS per Reacciona - així com una versió modificada del CSS d'entrada amb noms de classe canviats.

per què els estils en línia són dolents? Els navegadors tradueixen cada pàgina web a HTML senzill. Ús de estils en línia en HTML és a dolent pràctica perquè el navegador no ho entén bé. Si el vostre lloc web és petit i no voleu utilitzar extern estil fulls, llavors hauríeu d'anar a l'interior estils ja que els navegadors els poden entendre fàcilment.

A més d'això, com faig servir className a reaccionar?

className . Per especificar una classe CSS, utilitzar el className atribut. Això s'aplica a tots els elements normals DOM i SVG com ara,, i altres. Si tu utilitza React amb components web (cosa poc freqüent), utilitzar en canvi l'atribut class.

Reacciona nadiu utilitza CSS?

Utilitzeu CSS per estilitzar el teu Reacciona nadiu aplicacions. Entre bastidors el. css els fitxers es transformen a reaccionar nadiu objectes d'estil (mireu els exemples). Aquest transformador llauna ser utilitzat juntament amb Reacciona CSS natiu mòduls.

Recomanat: