In react.js muss ich einen dynamischen Klassennamen zu einem div hinzufügen.
Mit react-addons habe ich es auf folgende Weise versucht, aber vergebens:
Und Overlay -Komponente wird folgendermaßen verwendet:
Der Prop-Wert (d. h. prod_id ) ist jedoch zufällig. Ich bekomme die large_prod_modal_9 -Klasse für div nicht. Alle Klassen, die ich bekomme, sind large_prod_modal , large_prod_class und hidden
Wie bekomme ich die large_prod_modal_9 Klasse für div ?
Das ClassSet-Addon ist ab Version 0.13 veraltet. Die offizielle Empfehlung lautet JedWatson / Klassennamen .
%Vor%Wenn alle Klassennamen immer wahr sind, können Sie sie einfach als Zeichenfolgen übergeben.
%Vor%Sie können Strings und Objekte beliebig mischen. Diese Flexibilität erhalten Sie nicht mit dem addon classSet.
Beispiel Lösung dafür wäre:
%Vor%Sie können den Schlüssel im JSON-Objekt nicht dynamisch generieren, deshalb erhalten Sie 'large_prod_class' und es ist korrekt
Sie können dies verwenden:
%Vor%Sie können diese Dokumentation zum Hinzufügen dynamischer Eigenschaften zu Objekten bei der Ausführung sehen Zeit (dynamisch):
Diese Notation ist auch sehr nützlich, wenn Eigenschaftsnamen dynamisch bestimmt werden sollen (wenn der Eigenschaftsname erst zur Laufzeit bestimmt wird).
Tags und Links javascript css reactjs