Reduxの

Question

マイバックエンドサーバはjavascriptオブジェクトと同様に反応することがルート要素にいくつかのデータを使ってHTMLページをレンダリングしている/リアクトにHTMLからデータを取得/ Reduxのアプリが使用しています：

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

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

私がする必要がどういうわけか、このMY_DATAをHTMLから私の還元店に入れてください。 Reactルート要素のcomponentDidMountを使って、ウィンドウオブジェクトからデータを取得しようとしましたが、うまくいきませんでした。

これを行うより良い方法はありますか？

Answer 1

ウィンドウから初期状態を取得し、それをcreateStoreに渡します。それは、here（クライアント側セクション）

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') 
)