Hlavním problémem při použití přeškrtnutého reagovat css je to, že může být obtížné správně stylovat. Důvodem je, že výchozí styly pro přeškrtnutí nejsou příliš specifické a neexistuje žádná vestavěná podpora pro jejich přizpůsobení.
<del>This text is no longer relevant</del>
Tento řádek kódu používá značku HTML 'del' k označení, že text uzavřený touto značkou již není relevantní.
Styling React pomocí CSS
Styling React pomocí CSS může být zpočátku trochu složitější, ale jakmile se do toho pustíte, může to být velká zábava. Zde je několik tipů, které vám pomohou začít:
1. Použijte třídy a vlastnosti
Jedním ze způsobů stylování komponent Reactu je použití tříd a vlastností. Můžete například použít název třídy „my-button“ ke stylování všech tlačítek ve vaší aplikaci a pak použít vlastnost „style“ k nastavení stylu pro tuto třídu. Zde je příklad:
class MyButton rozšiřuje komponentu { … style = { color : '#000' } }
2. Použijte Mixins a Utilities
Dalším způsobem stylování komponent Reactu je použití mixinů a utilit. Můžete například použít mixin „style-button“ k vytvoření opakovaně použitelné šablony stylů pro všechna vaše tlačítka ve vaší aplikaci a poté použít obslužnou funkci „button-color“ k nastavení barvy pro všechna tlačítka pomocí tohoto mixinu. Zde je příklad:
import { StyleButton } z './style-button' ; const ButtonColor = ( props ) => { return props . barva ; } export default StyleButton ;
