Hovedproblemet med å bruke gjennomstreket react css er at det kan være vanskelig å style riktig. Dette er fordi standardstilene for gjennomstreking ikke er veldig spesifikke, og det er ingen innebygd støtte for å tilpasse dem.
<del>This text is no longer relevant</del>
Denne kodelinjen bruker HTML-taggen 'del' for å indikere at teksten omsluttet av denne taggen ikke lenger er relevant.
Styling React ved hjelp av CSS
Styling av React med CSS kan være litt vanskelig i begynnelsen, men når du først får taket på det, kan det være veldig gøy. Her er noen tips for å hjelpe deg i gang:
1. Bruk klasser og egenskaper
En måte å style React-komponenter på er å bruke klasser og egenskaper. Du kan for eksempel bruke klassenavnet «my-button» for å style alle knappene i appen din, og deretter bruke egenskapen «style» for å angi stilen for den klassen. Her er et eksempel:
klasse MyButton utvider Component { … style = { color : '#000' } }
2. Bruk Mixins og Utilities
En annen måte å style React-komponenter på er å bruke mixins og verktøy. Du kan for eksempel bruke "style-button"-miksingen for å lage et gjenbrukbart stilark for alle knappene dine i appen din, og deretter bruke verktøyfunksjonen "button-color" for å angi fargen for alle knappene som bruker den blandingen. Her er et eksempel:
importer { StyleButton } fra './style-button' ; const ButtonColor = ( rekvisitter ) => { returnere rekvisitter . farge ; } eksport standard StyleButton ;
