Obsah:

Aké sú tri rôzne spôsoby úpravy komponentov v reakcii?
Aké sú tri rôzne spôsoby úpravy komponentov v reakcii?

Video: Aké sú tri rôzne spôsoby úpravy komponentov v reakcii?

Video: Aké sú tri rôzne spôsoby úpravy komponentov v reakcii?
Video: Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды 2024, Apríl
Anonim

Zdá sa, že existuje asi osem rôznych spôsobov úpravy komponentov React JS, ktoré sa široko používajú v priemysle na prácu na úrovni výroby:

  1. Inline CSS.
  2. Normálny CSS.
  3. CSS v JS.
  4. Štylizované Komponenty .
  5. Moduly CSS.
  6. Sass a SCSS.
  7. Menej.
  8. Štýlový.

Ak vezmete do úvahy toto, ako reagujete na štýlové komponenty?

Pre Reagovať komponent že by si chcel štýl , jednoducho vytvorte súbor CSS, ktorý bude obsahovať štýlov pre to komponent . V čase zostavovania sa názvy miestnych tried mapujú a exportujú ako literál objektu JS Reagovať - ako aj upravenú verziu vstupného CSS s premenovanými názvami tried.

prečo sú inline štýly zlé? Prehliadače prekladajú každú webovú stránku do jednoduchého HTML. Použitie inline štýly v HTML je a zlý cvičiť, pretože prehliadač tomu dobre nerozumie. Ak je váš web malý a nechcete používať externé štýl listy, potom by ste mali ísť na interné štýlov pretože prehliadače im môžu ľahko porozumieť.

Okrem toho, ako môžem použiť className v reakcii?

className . Ak chcete zadať triedu CSS, použitie a className atribút. Platí to pre všetky bežné prvky DOM a SVG, ako sú,, a ďalšie. Ak ty použite React s webovými komponentmi (čo nie je bežné), použitie namiesto toho atribút class.

Reaguje natívne použitie CSS?

Použite CSS upraviť si svoj štýl Reagovať Native aplikácie. V zákulisí. css súbory sú transformované na reagovať natívne štýlové objekty (pozrite si príklady). Tento transformátor môcť používať spolu s Reagovať Native CSS modulov.

Odporúča: