从HTML获取数据到React / Redux

史蒂文·穆斯梅切(Steven Musumeche)

我的后端服务器正在渲染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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从HTML获取数据到React / Redux

来自分类Dev

React - 无法从 Redux 获取数据

来自分类Dev

React Redux从后端方法获取数据

来自分类Dev

如何使用redux在react中获取数据?

来自分类Dev

ReactJs Redux 数据获取

来自分类Dev

React Redux mapStateToProps 在获取新数据之前显示旧数据

来自分类Dev

使用Redux操作获取数据

来自分类Dev

Redux:在React视图事件上触发异步数据获取

来自分类Dev

如何在React Actions Redux中获取状态数据?

来自分类Dev

Redux:在React视图事件上触发异步数据获取

来自分类Dev

Redux装饰器以React组件状态获取数据

来自分类Dev

从 react redux 中提取数据

来自分类Dev

无法从 Redux 获取值到 props

来自分类Dev

React、React Redux、Redux 表单类型无效

来自分类Dev

从Reducer到容器的Redux数据流

来自分类Dev

redux形式的数据未传递到handleSubmit

来自分类Dev

React Redux:使用来自 props 的数据还是直接从 redux-store 获取数据?哪一个更好?

来自分类Dev

如何将 props(从 Redux 获取的)从一个组件传递到另一个(React/Redux)?

来自分类Dev

React Redux-动态创建 Redux 表单

来自分类Dev

无法从Redux存储中获取数据

来自分类Dev

ReactJs:从Redux-Store获取数据

来自分类Dev

在Redux-Reduver中获取数据

来自分类Dev

组件如何从 redux store 获取数据?

来自分类Dev

从react-router-redux获取当前位置

来自分类Dev

Redux数据依赖管理

来自分类Dev

关系数据Redux

来自分类Dev

反应redux渲染数据

来自分类Dev

如何从 axios.get 获取请求数据到 Redux 存储

来自分类Dev

React Redux在获取新数据之前显示先前状态的旧数据