Abrufen von Daten aus HTML-Code in React/Redux

Question

My Back-End-Server eine HTML-Seite mit einigen Daten in einem JavaScript-Objekt sowie das Wurzelelement rendert, dass die Reaktion/Redux App verwendet:

<script> 
MY_DATA = { 
    foo: 'bar' 
} 
</script> 

<div id="app"></div> 

Ich muß Irgendwie bekomme ich diese MY_DATA aus dem HTML in meinen Redux-Shop. Ich habe versucht, mit meinem React-Root-Element componentDidMount die Daten aus dem Window-Objekt zu ziehen, aber das hat nicht funktioniert.

Gibt es einen besseren Weg, dies zu tun?

Answer 1

Nimm den Anfangszustand aus dem Fenster und übergibt es an Ihre creates. Es wird erklärt here (Client-Seite Abschnitt)

const initialState = window.MY_DATA 

// Create Redux store with initial state 
const store = createStore(yourApp, initialState) 

render(
    <Provider store={store}> 
    <App /> 
    </Provider>, 
    document.getElementById('app') 
)