我的后端服务器正在渲染HTML页面,该页面中的javascript对象中有一些数据,以及React / Redux应用程序使用的根元素:
<script>
MY_DATA = {
foo: 'bar'
}
</script>
<div id="app"></div>
我需要以某种方式将其MY_DATA
从HTML导入到我的redux存储中。我尝试使用我的React根元素的componentDidMount从窗口对象中提取数据,但这没有用。
有一个更好的方法吗?
从窗口获取初始状态,并将其传递给您的createStore。在这里解释(客户端部分)
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')
)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句