我的目标是使用Node和React / Redux构建我的blog服务器端。我正在关注this教程,并以this项目为例。
我已经加载了我的组件,创建了一个空的商店,成功地使用这些东西来渲染和返回html页面。
我仍然面临的挑战是弄清楚如何获取初始数据,以便我可以将它放入商店。我假设,我不知道需要告诉商店(在后端)调度将用数据填充它的操作。
This示例使用this函数,这似乎告诉商店调度操作,并返回充满数据的商店(?)。但它飞得很快,我不知道它是如何工作的,当我复制代码时,商店仍然会返回空白。
你能帮助我理解它应该如何工作吗?我该怎么做才能告诉商店执行操作,这些操作将转到我的API,获取数据并将其放入商店?
答案 0 :(得分:1)
基本上fetchComponentData
会在服务器渲染时调度操作,就像文档中所说的那样
fetchComponentData
收集当前路由中组件的所有需求(需要在呈现组件之前调度的一系列操作)。
其中need
是一个返回redux操作的函数数组,该操作在每个智能组件内部定义(与redux store和react-router连接)
例如,在mern-starter
中,当您访问index route时,它将呈现this component并且need
method将由fetchComponentData
执行服务器渲染时。