从 HTML 获取数据到 React/Redux答案

【问题标题】：Getting data from HTML into React/Redux从 HTML 获取数据到 React/Redux
【发布时间】：2016-05-09 06:00:42
【问题描述】：

我的后端服务器正在渲染一个 HTML 页面，其中包含 javascript 对象中的一些数据以及 React/Redux 应用程序使用的根元素：

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

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

我需要以某种方式将这个MY_DATA 从 HTML 中获取到我的 redux 商店中。我尝试使用我的 React 根元素的 componentDidMount 从窗口对象中提取数据，但这不起作用。

有没有更好的方法来做到这一点？

【问题讨论】：

标签： reactjs redux react-redux

【解决方案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')
)

【讨论】：