Hlavným problémom pri používaní prečiarknutého css je to, že môže byť ťažké správne štýlovať. Dôvodom je, že predvolené štýly prečiarknutia nie sú veľmi špecifické a neexistuje žiadna vstavaná podpora na ich prispôsobenie.
<del>This text is no longer relevant</del>
Tento riadok kódu používa značku HTML „del“ na označenie, že text uzavretý touto značkou už nie je relevantný.
Styling React pomocou CSS
Styling React s CSS môže byť zo začiatku trochu zložitý, ale keď sa do toho pustíte, môže to byť veľká zábava. Tu je niekoľko tipov, ktoré vám pomôžu začať:
1. Použite triedy a vlastnosti
Jedným zo spôsobov úpravy komponentov Reactu je použitie tried a vlastností. Môžete napríklad použiť názov triedy „my-button“ na úpravu štýlu všetkých tlačidiel vo vašej aplikácii a potom použiť vlastnosť „style“ na nastavenie štýlu pre túto triedu. Tu je príklad:
class MyButton rozširuje komponent { … style = { color : '#000' } }
2. Použite Mixins a Utilities
Ďalším spôsobom, ako upraviť komponenty Reactu, je použiť mixíny a nástroje. Môžete napríklad použiť mixin „style-button“ na vytvorenie opakovane použiteľnej šablóny so štýlmi pre všetky vaše tlačidlá vo vašej aplikácii a potom použiť pomocnú funkciu „button-color“ na nastavenie farby pre všetky tlačidlá pomocou tohto mixu. Tu je príklad:
import { StyleButton } z './style-button' ; const ButtonColor = (rekvizity) => { return props. farba ; } export default StyleButton ;
