Übergabe von Props an React-Router 4.0.0 Children Routes

8

Ich versuche, eine vorhandene react-router 3.0.0-App auf 4.0.0 zu migrieren . Innerhalb des Routers muss ich ein zusätzliches nicht routingbezogenes prop an seine untergeordneten Elemente übergeben.

Es gibt ein paar etwas hacky Wege, um dies in früheren Versionen von react-Router in diesem Post zu erreichen. Mein persönlicher Favorit war diese Methode mit cloneElement , da sichergestellt wurde, dass alle React-Router-Requisiten kopiert wurden gut:

%Vor%

Bisher sieht meine neue App-Komponente so aus:

%Vor%

Was ist der beste Weg, den appState prop zu jeder der Match Komponenten hinzuzufügen, während die bereitgestellten Router Requisiten beibehalten werden?

    
dougmacklin 06.12.2016, 21:58
quelle

1 Antwort

20

<Route> kann eine render prop anstelle von component verwenden. Auf diese Weise können Sie die Komponentendefinition verknüpfen.

%Vor%     
Paul S 06.12.2016, 22:28
quelle

Tags und Links