indexLink in React Router v4

9

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.

    
DORRITO 22.03.2017, 13:04
quelle

2 Antworten

14

<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.

    
Chris 22.03.2017, 13:48
quelle
9

Per Chris war die richtige Antwort, weiterhin NavLink zu verwenden und genau zu verwenden. Strict hat in diesem Fall nicht funktioniert.

%Vor%

Nur für den Fall, dass ein anderer darüber stolpert!

    
DORRITO 22.03.2017 18:35
quelle