Bedingte Anwendung von Styles
Wir können Styles basierend auf Zustand oder anderen Faktoren mit der Bibliothek clsx bedingt anwenden. Die Dokumentation dazu finden Sie hier, aber die wichtigsten Konzepte werden wir jetzt behandeln.
Angenommen, die Farbe eines Elements soll sich abhängig vom status innerhalb der Komponente InvoiceStatus ändern. Es gelten folgende Bedingungen:
- Wenn der
statusawaitingist, soll die Hintergrundfarbe rot und die Textfarbe weiß sein; - Wenn der
statusfulfilledist, soll die Hintergrundfarbe gelb und die Textfarbe blau sein.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.08Bedingte Anwendung von Styles
Swipe um das Menü anzuzeigen
Wir können Styles basierend auf Zustand oder anderen Faktoren mit der Bibliothek clsx bedingt anwenden. Die Dokumentation dazu finden Sie hier, aber die wichtigsten Konzepte werden wir jetzt behandeln.
Angenommen, die Farbe eines Elements soll sich abhängig vom status innerhalb der Komponente InvoiceStatus ändern. Es gelten folgende Bedingungen:
- Wenn der
statusawaitingist, soll die Hintergrundfarbe rot und die Textfarbe weiß sein; - Wenn der
statusfulfilledist, soll die Hintergrundfarbe gelb und die Textfarbe blau sein.
Danke für Ihr Feedback!
