Ich weiß, dass die aktive Klasse im Bootstrap manuell verwaltet werden muss. Ich habe das ein paar Mal mit jQuery gemacht.
Mein neuestes Projekt funktioniert zwar mit reagieren.
Ich weiß, dass ich keine Klassen im dom mit jQuery setzen soll, wenn ich react benutze. Aber wie würde das richtig gemacht?
Sie müssen lediglich den active
-Wert der Registerkarten in Ihrer render
-Funktion angeben.
Um zu wissen, ob ein Tab für die Eigenschaft className
einen Wert haben soll, speichern Sie es irgendwo.
Wie speichern Sie etwas in einer Reaktionskomponente? Sie verwenden state
.
Sie haben keinen Code angezeigt, aber Sie können einfach verfolgen, welche Registerkarte in Ihrem Status gerade aktiv ist.
Sie könnten zum Beispiel folgendes haben:
%Vor%Warnung: Dieser Codeblock ist nur ein Beispiel und wird nicht getestet. (Es gibt mehrere Möglichkeiten, dies zu tun).
Sie können dies auch überprüfen: Wechseln Sie die Klasse auf Registerkarten mit React.js
Sie können react-router verwenden, um den aktiven Status in der Bootstrap-Navigationsleiste automatisch oder manuell zu verwalten.
Tags und Links reactjs twitter-bootstrap