Ich bin verwirrt darüber, wie und wann Sie getChildRoutes
verwenden können, weil es Teil von PlainRoute
ist. Wie erreichst du überhaupt PlainRoute
? Anstatt also <Route>
Komponenten zu bauen, kann ich <PlainRoute>
s verwenden und dann innerhalb der Komponente, die es gerendert hat, getChildRoutes haben? Was bezieht sich auf partialNextState
?Wann verwenden Sie React-Router getChildRoutes?
Antwort
Plain Routen sind ganz normale JavaScript-Objekte und kann wie so in <Router>
verwendet werden:
const routes = {
path: '/',
component: App,
indexRoute: {
component: Home,
},
childRoutes: [
{ path: 'page1', component: Page1 },
{
path: 'page2',
component: SomeWrapper,
childRoutes: [
{ path: 'subpage1', component: Subpage1 },
],
},
],
};
ReactDOM.render(<Router history={ browserHistory } routes={ routes }/>, document.body);
Das heißt, die indexRoute
- falls vorhanden - entspricht ein <IndexRoute>
als Kind eines <Route>
zum Hinzufügen und childRoutes
entspricht dem Hinzufügen von Kind <Route>
s. Beide akzeptieren dieselben Attribute wie die entsprechenden JSX-Tags, die Requisiten akzeptieren.
Einfache Routen sind zum Beispiel nützlich, um Ihre Routendefinition in mehreren Dateien aufzuteilen. In einer großen Anwendung kann es nützlich sein, Seiten von ihrem genauen Standort in der Routenhierarchie zu entkoppeln und die Routenhierarchie aufzubauen, indem childRoutes
in unmittelbare übergeordnete Module importiert wird, anstatt die gesamte Routenhierarchie fest in das Stammmodul zu schreiben. Es ist auch einfach, wiederverwendbare Navigationskomponenten wie Tab-Container und Breadcrumbs zu erstellen, wenn Sie einfache Routen verwenden, da die Routen selbst dann als Requisiten gesendet werden können, die die Links definieren, die diese Komponenten enthalten sollten.
getChildRoutes
getIndexRoute
und asynchron sind Varianten der childRoutes
und indexRoute
Attribute und für dynamisches Routing und Code-Splitting ermöglichen. Zum Beispiel könnten Sie für Spaß machen getChildRoutes
rekursiv auf sich beziehen. Ich weiß nicht, was partialNextState
sein soll, und ich habe es nie gebraucht.
- 1. Wann verwenden Sie #getChildRoutes von React-router, um dynamische Routen festzulegen?
- 2. Wann verwenden Sie Tabellencluster?
- 3. Wann verwenden Sie in swift?
- 4. Wann würden Sie XamlServices.Transform() verwenden?
- 5. Wann verwenden Sie private Methoden?
- 6. Wann würden Sie PendingIntent verwenden?
- 7. Wann verwenden Sie die Abhängigkeitsinjektion?
- 8. Wann verwenden Sie die Klammererweiterung?
- 9. Wann app.use verwenden und wann app.all verwenden?
- 10. ReactRouter funktioniert nicht mit Platzhalterrouten
- 11. Login App mit Redux & ReactRouter
- 12. Wann node.js verwenden und wann Ajax verwenden?
- 13. Wann System() verwenden und wann execv *() verwenden?
- 14. React-Router: getChildRoutes nicht in verschachtelten PlainRoute
- 15. Wann verwenden Sie Eigenschaften und wann in Java?
- 16. Wann sollten Sie standardmäßige HTML-Tags/-Inputs verwenden und wann sollten Sie die asp.net-Steuerelemente verwenden?
- 17. Wann Datenbankansichten verwenden und wann nicht?
- 18. Wann verwenden Sie std :: unordered_map :: emplace_hint?
- 19. Wann verwenden Sie Auslassungszeichen nach Menüeinträgen?
- 20. wann/warum würden Sie QUOTENAME verwenden?
- 21. Wann verwenden Sie das Schlüsselwort await
- 22. Wann würden Sie GUIDs als Primärschlüssel verwenden?
- 23. Wann sollten Sie explizit einen StringBuilder verwenden?
- 24. Wann würden Sie Generische Sammlungen nicht verwenden?
- 25. Wann sollten Sie (...) {...} in C# verwenden?
- 26. Wann verwenden Sie ein js-Framework?
- 27. Wann würden Sie Delegierte in C# verwenden?
- 28. Wann verwenden Sie Rendite (etwas zurückgeben)?
- 29. Wann sollten Sie swap oder reset verwenden?
- 30. Wann sollten Sie SparseArray setValueAt() verwenden?