El principal problema amb l'ús de Striethrough react CSS és que pot ser difícil d'estilitzar correctament. Això es deu al fet que els estils predeterminats per al ratllat no són molt específics i no hi ha suport integrat per personalitzar-los.
<del>This text is no longer relevant</del>
Aquesta línia de codi utilitza l'etiqueta HTML "del" per indicar que el text inclòs per aquesta etiqueta ja no és rellevant.
Estil React amb CSS
L'estil de React amb CSS pot ser una mica complicat al principi, però un cop ho acabeu, pot ser molt divertit. Aquí teniu alguns consells per ajudar-vos a començar:
1. Utilitzar Classes i Propietats
Una manera d'estilitzar els components de React és utilitzar classes i propietats. Per exemple, podeu utilitzar el nom de la classe "el meu botó" per dissenyar tots els botons de la vostra aplicació i, a continuació, utilitzar la propietat "estil" per definir l'estil d'aquesta classe. Aquí teniu un exemple:
class MyButton amplia el Component { … style = { color : '#000' } }
2. Utilitzeu Mixins i Utilitats
Una altra manera d'estilitzar els components de React és utilitzar mixins i utilitats. Per exemple, podeu utilitzar el "botó d'estil" de mixin per crear un full d'estil reutilitzable per a tots els botons de la vostra aplicació i, a continuació, utilitzar la funció d'utilitat "color del botó" per establir el color de tots els botons que utilitzen aquest mixin. Aquí teniu un exemple:
importar { StyleButton } des de './style-button'; const ButtonColor = ( props ) => { retorna props . color; } exportar StyleButton predeterminat ;
