Sisukord:

Millised on kolm erinevat viisi komponentide stiiliks reageerimiseks?
Millised on kolm erinevat viisi komponentide stiiliks reageerimiseks?

Video: Millised on kolm erinevat viisi komponentide stiiliks reageerimiseks?

Video: Millised on kolm erinevat viisi komponentide stiiliks reageerimiseks?
Video: Большой гид по обновлённому двигателю 1.6 TDI (EA288) для VW, Skoda, Seat, Audi 2024, November
Anonim

Tundub, et tööstuses tootmistasemel tööks laialdaselt kasutatavate React JS komponentide kujundamiseks on umbes kaheksa erinevat viisi:

  1. Tekstisisene CSS.
  2. Tavaline CSS.
  3. CSS JS-is.
  4. Stiilitud Komponendid .
  5. CSS moodulid.
  6. Sass ja SCSS.
  7. Vähem.
  8. Stiilne.

Seda silmas pidades, kuidas te stiilikomponentidele reageerite?

Le Reageeri komponent et sa tahaksid stiilis , looge lihtsalt CSS-fail, mis sisaldab stiilid selle eest komponent . Järelehindamise ajal kaardistatakse kohalike klasside nimed ja eksporditakse need JS-i objektina Reageerige - samuti sisend-CSS-i muudetud versioon ümbernimetatud klassinimedega.

miks on tekstisisesed stiilid halvad? Brauserid tõlgivad iga veebilehe lihtsasse HTML-i. Kasutamine tekstisisesed stiilid HTML-is on a halb harjutage, sest brauser ei saa sellest hästi aru. Kui teie veebisait on väike ja te ei soovi kasutada välist stiilis lehed, siis peaksite kasutama sisemist stiilid kuna brauserid saavad neist hõlpsasti aru.

Lisaks sellele, kuidas ma reactis className'i kasutada?

klassi nimi . CSS-klassi määramiseks kasutada a klassi nimi atribuut. See kehtib kõigi tavaliste DOM- ja SVG-elementide kohta, nagu, ja teised. Kui sa kasutage Reacti koos veebikomponentidega (mis on aeg-ajalt), kasutada selle asemel klassi atribuut.

Kas Reacti native kasutab CSS-i?

Kasutage CSS-i oma stiili kujundamiseks Reageerige emakeelena rakendusi. Kulisside taga on. css failid teisendatakse reageerida native stiiliobjektid (vaata näiteid). See trafo saab kasutada koos Reageerige omapärane CSS moodulid.

Soovitan: