如何使用预渲染的初始状态在服务器上渲染 React?

How do I render React on the server with prerendered initial state?

我如何在 React 中为聊天站点创建主页之类的东西,其中服务器的 React 响应包括聊天消息等初始数据?为此我需要 Redux 吗?

如果您只需要数据,可以将其与 Html 文件一起发送。

index.html:

<script>
var initialState = /* have the server render some JSON here */
</script>

然后使用 "initialState" 填充第一个屏幕。如果您使用的是 Redux,则可以将该变量用作商店的初始状态。但是正如评论中提到的,Redux 不是必需的;可以说它使这样做更容易。


对于真正的服务器端呈现,您实际上会发送一个完整的 Html 页面,其中包含所有 Html 和已经与您的 SPA 生成的内容完全匹配的数据。