Ich benutze react router 1.0.2 und meine Routen sehen so aus:
%Vor%Meine App-Komponente sieht so aus und ich dachte, ich könnte den Ort in den Requisiten übergeben:
%Vor%Ich möchte eine aktive Klasse in der Menu-Komponente bedingt setzen:
%Vor% Aber das this.props.location
ist null, wenn die Renderfunktion des Menüs aufgerufen wird?
Wie kann ich Requisiten an untergeordnete Komponenten übergeben?
Es sieht nicht so aus, als würden Sie die Requisite in das richtige Element überführen. Der children
von App
wäre die untergeordnete Route, die gerendert wird (also entweder Home
oder Triangles
), aber Sie möchten, dass der Prop an Menu
übergeben wird.
Um dies zu tun, übergeben Sie es einfach über JSX:
%Vor% Setzen Sie einfach das Attribut activeClassName
oder activeStyle
auf Ihre Link-Komponente. Dies ist in React Router integriert, siehe Offizielle Dokumente für weitere Details.
Tags und Links reactjs react-routing