Wie hole und lade ich React-Routen von einer API?

Question

Ich habe derzeit eine Sidebar mit 6 fest codierten Routen. Einige haben fest codierte Unterstrecken; Wenn ich auf eine Route klicke, wird sie erweitert, um ihre Unterrouten anzuzeigen. Eine der Routen erhält ihre Unterrouten von einer API (gibt JSON zurück), wie lade ich diese in das Untermenü der Seitenleiste? Lazy Loading bevorzugt:

A 
B 
C 
D 
E 
F 

Klicken Sie auf E, und es holt die Routen aus der API und zeigt sie:

A 
B 
C 
D 
E 
    1 
    2 
    3 
F 

Answer 1

Wenn Ihr <router> von render() Methode in einer Reaktion Klasse aufgerufen wird, setzen, warum nicht die Verfügbare Routen in einem Staat? Wenn dann eine API den Status (this.setState()) mit verfügbaren Routen aktualisiert, wird <router> erneut gerendert.