Anfänger hier. Gibt es eine neue Möglichkeit, indexLink in React Router v4 zu verwenden? Ich aktualisiere einen Code der Version 3 (ich dachte, ich hätte eckig gelassen, um all diese Missbilligung zu vermeiden!)
Ich bringe es mit einer Destrukturierung:
%Vor%und Verwenden von IndexLink, damit es nicht immer fett dargestellt wird:
%Vor%IndexLink ist die einzige Sache, die meinen Code bricht, hier ist ein Fehler von, als ich es zu diesem ändern.
"Warnung: React.createElement: Typ ist ungültig - erwartet eine Zeichenfolge (für eingebaute Komponenten) oder eine Klasse / Funktion (für Composite Komponenten) aber bekam: undefiniert. Sie haben wahrscheinlich vergessen, Ihre zu exportieren Komponente aus der Datei, in der sie definiert ist. Überprüfen Sie die Rendermethode von
Nav
. "
Alles wird exportiert und die einfache App funktioniert einwandfrei, bis ich IndexLink hinzufüge. Jetzt, um ohnmächtig zu werden.
<Indexlink>
existiert in RRv4 nicht, weil <IndexRoute>
und das gesamte Konzept der Indizes in RRv4 nicht wirklich existiert. Denken Sie daran, dass Links und Routen direkt miteinander verknüpft sind.
Verwenden Sie stattdessen einfach <Navlink>
.
Lesen Sie Navlink zu den offiziellen Dokumenten:
Navlink
- Eine spezielle Version, die dem gerenderten Element Stilattribute hinzufügt, wenn es mit der aktuellen URL übereinstimmt.
Wenn Sie mehr Kontrolle über den URL-Abgleich benötigen, können Sie die strict
oder exact
Requisiten verwenden.
Tags und Links javascript node.js reactjs react-router