将数据从 HTML 获取到 React/Redux

Question

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

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

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

我需要以某种方式将 MY_DATA 从 HTML 获取到我的 redux 存储中。我尝试使用我的 React 根元素的 componentDidMount 从 window 对象中提取数据，但这没有用。

有更好的方法吗？

Answer 1

从 window 中获取初始状态并将其传递给您的 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')
)

将数据从 HTML 获取到 React/Redux

Getting data from HTML into React/Redux

reactjs

redux

react-redux