Det största problemet med att använda genomstruken react css är att det kan vara svårt att styla rätt. Detta beror på att standardstilarna för genomstrykning inte är särskilt specifika, och det finns inget inbyggt stöd för att anpassa dem.
<del>This text is no longer relevant</del>
Denna kodrad använder HTML-taggen 'del' för att indikera att texten som omges av denna tagg inte längre är relevant.
Styling React med CSS
Att styla React med CSS kan vara lite knepigt till en början, men när du väl fått kläm på det kan det vara väldigt roligt. Här är några tips som hjälper dig att komma igång:
1. Använd klasser och egenskaper
Ett sätt att styla React-komponenter är att använda klasser och egenskaper. Du kan till exempel använda klassnamnet "my-button" för att utforma alla dina knappar i din app, och sedan använda egenskapen "style" för att ställa in stilen för den klassen. Här är ett exempel:
klass MyButton utökar Component { … style = { color : '#000' } }
2. Använd Mixins och Utilities
Ett annat sätt att styla React-komponenter är att använda mixins och verktyg. Till exempel kan du använda mixin "style-button" för att skapa en återanvändbar stilmall för alla dina knappar i din app, och sedan använda verktygsfunktionen "button-color" för att ställa in färgen för alla knappar som använder den mixin. Här är ett exempel:
importera { StyleButton } från './style-button' ; const ButtonColor = ( rekvisita ) => { returnera rekvisita . Färg ; } export standard StyleButton;
