Kazalo:

Kateri so trije različni načini oblikovanja komponent v reakciji?
Kateri so trije različni načini oblikovanja komponent v reakciji?

Video: Kateri so trije različni načini oblikovanja komponent v reakciji?

Video: Kateri so trije različni načini oblikovanja komponent v reakciji?
Video: #2 Controlled Components - The React Way | React Forms 4 Ways 2024, Maj
Anonim

Zdi se, da obstaja približno osem različnih načinov oblikovanja komponent React JS, ki se pogosto uporabljajo v industriji za delo na ravni proizvodnje:

  1. Inline CSS.
  2. Normalni CSS.
  3. CSS v JS.
  4. Stiliziran Komponente .
  5. CSS moduli.
  6. Sass & SCSS.
  7. manj.
  8. Stilsko.

Ob upoštevanju tega, kako oblikujete komponente v reakciji?

Za React komponenta da bi radi slogu , preprosto ustvarite datoteko CSS, ki bo vsebovala stilov za to komponento . V času gradnje so imena lokalnih razredov preslikana in izvožena kot literal objekta JS za Reagirajte - kot tudi spremenjena različica vhodnega CSS s preimenovanimi imeni razredov.

zakaj so vgrajeni slogi slabi? Brskalniki prevedejo vsako spletno stran v preprost HTML. Uporaba vgrajeni slogi v HTML je a slab vadite, ker brskalnik tega ne razume dobro. Če je vaše spletno mesto majhno in ne želite uporabljati zunanjega slogu listov, potem bi morali poiskati interne stilov saj jih brskalniki zlahka razumejo.

Poleg tega, kako v reakciji uporabim className?

ime razreda . Če želite določiti razred CSS, uporaba the ime razreda atribut. To velja za vse običajne elemente DOM in SVG, kot so,, in drugi. Če ti uporabite React s spletnimi komponentami (kar je nenavadno), uporaba namesto tega atribut razreda.

Ali reakcija native uporablja CSS?

Uporabite CSS stilizirati svoje React Native aplikacije. V ozadju. css datoteke se preoblikujejo v reagirati native slogovnih predmetov (oglejte si primere). Ta transformator lahko uporabljati skupaj z React Native CSS modulov.

Priporočena: