Lade JSON-Daten in meinen Initialzustand

Question

Ich versuche, React.js zu lernen, aber ich habe einige Schwierigkeiten, Daten von meinem Server mit Redux zu laden. Im Moment ist mein globaler Zustand mit statischen json wie folgt geladen:

Mein store.js

import ... 

// Load my static json data 
import tickets from '../data/tickets.js' 
import interventions from '../data/interventions.js' 

const defaultState = { 
    tickets, 
    interventions 
} 

const store = createStore(rootReducer, defaultState); 
export const history = syncHistoryWithStore(browserHistory, store); 
export default store; 

Meine Anwendung perfekt funktioniert. Jetzt möchte ich meine Komponenten mit den Daten füllen, die von meinem node.js-Server zurückgegeben werden. Ich habe jedoch keine Ahnung, wie ich es richtig machen soll.

Ich muss mein defaultState nur einmal füllen? Nachdem die Reduzierstücke die Werte geändert haben?

Ist Isomorphic-Fetch eine gute Möglichkeit, eine URL von meinem Server aufzurufen? (Ich benutze React-Router auf meinem Client)

Vielen Dank für Ihre Antworten.

Answer 1

Wenn Sie versuchen, dies auf der Client-Seite zu tun, würden Sie asynchron sein.

Auf Ihrem Einstiegspunkt, wo Sie den Laden importieren, können Sie Ihre Daten abrufen und dann eine Aktion versenden, die Ihre Tickets oder Interventionen initiiert.

Sie auch redux-async-connect können Ihre App alle erforderlichen Daten zu geben, bevor sie montiert werden ist, diese Anwendung auch auf dem Server jetzt Seite Rendering