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

时间:2020-01-11 00:04:47

标签: reactjs server-side-rendering

如何在React的聊天站点中创建类似主页的内容,其中服务器的React响应包含诸如聊天消息之类的初始数据?我需要Redux吗?

1 个答案:

答案 0 :(得分:0)

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

index.html:

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

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


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