使用Node / React进行服务器端渲染。如何获取数据?

时间:2017-04-22 03:37:47

标签: node.js reactjs react-redux

我的目标是使用Node和React / Redux构建我的blog服务器端。我正在关注this教程,并以this项目为例。

我已经加载了我的组件,创建了一个空的商店,成功地使用这些东西来渲染和返回html页面。

我仍然面临的挑战是弄清楚如何获取初始数据,以便我可以将它放入商店。我假设,我不知道需要告诉商店(在后端)调度将用数据填充它的操作。

This示例使用this函数,这似乎告诉商店调度操作,并返回充满数据的商店(?)。但它飞得很快,我不知道它是如何工作的,当我复制代码时,商店仍然会返回空白。

你能帮助我理解它应该如何工作吗?我该怎么做才能告诉商店执行操作,这些操作将转到我的API,获取数据并将其放入商店?

1 个答案:

答案 0 :(得分:1)

基本上fetchComponentData会在服务器渲染时调度操作,就像文档中所说的那样

  

fetchComponentData收集当前路由中组件的所有需求(需要在呈现组件之前调度的一系列操作)。

其中need是一个返回redux操作的函数数组,该操作在每个智能组件内部定义(与redux store和react-router连接)

例如,在mern-starter中,当您访问index route时,它将呈现this component并且need method将由fetchComponentData执行服务器渲染时。