Das Hauptproblem bei der Verwendung von durchgestrichenem Reaktions-CSS ist, dass es schwierig sein kann, es richtig zu stylen. Dies liegt daran, dass die Standardstile für das Durchstreichen nicht sehr spezifisch sind und es keine integrierte Unterstützung für deren Anpassung gibt.
<del>This text is no longer relevant</del>
Diese Codezeile verwendet das HTML-Tag „del“, um anzuzeigen, dass der von diesem Tag eingeschlossene Text nicht mehr relevant ist.
Reagieren mit CSS gestalten
Das Styling von React mit CSS kann anfangs etwas knifflig sein, aber sobald Sie den Dreh raus haben, kann es eine Menge Spaß machen. Hier sind einige Tipps, die Ihnen den Einstieg erleichtern:
1. Verwenden Sie Klassen und Eigenschaften
Eine Möglichkeit, React-Komponenten zu gestalten, besteht darin, Klassen und Eigenschaften zu verwenden. Beispielsweise könnten Sie den Klassennamen „my-button“ verwenden, um alle Ihre Schaltflächen in Ihrer App zu formatieren, und dann die Eigenschaft „style“ verwenden, um den Stil für diese Klasse festzulegen. Hier ist ein Beispiel:
Klasse MyButton erweitert Komponente { … Stil = { Farbe: '#000' } }
2. Verwenden Sie Mixins und Dienstprogramme
Eine andere Möglichkeit, React-Komponenten zu stylen, ist die Verwendung von Mixins und Dienstprogrammen. Beispielsweise könnten Sie das Mixin „style-button“ verwenden, um ein wiederverwendbares Stylesheet für alle Ihre Schaltflächen in Ihrer App zu erstellen, und dann die Hilfsfunktion „button-color“ verwenden, um die Farbe für alle Schaltflächen festzulegen, die dieses Mixin verwenden. Hier ist ein Beispiel:
import { StyleButton } from './style-button' ; const ButtonColor = (Requisiten) => { Requisiten zurückgeben. Farbe ; } Standard-StyleButton exportieren;
