8 「建造毛坯」- 双端数据同构

导读

本节标题：「建造毛坯」- 双端数据同构

本节主旨： 不可缺少的副作用处理，实现双端异步数据的获取，数据脱水，数据注水，重点在于如何利用同构来实现

本节配套代码：

https://github.com/Bigerfe/koa-react-ssr/tree/better/packages/my-react-ssr-dataiso

正文

上一节我们实现了应用骨架的路由同构，这一节我们来实现非常重要的一个环节 - 数据同构。

什么是数据同构

整体来说，组件的一些数据需要从接口异步获取后进行渲染，数据同构就是服务端和客户端能够使用同一个数据请求处理方法(一套代码)，同一份数据进行组件的渲染。

我们前面实现的组件直出只是将组件转换为了 html字符串，但是并没有具体的数据，顶多就是个静态页。

比如现在有这么一个需求，要从接口获取数据并且渲染到页面上。

以往在单页应用中，我们一般都将数据的数据的请求处理放在compoentDidMount生命周期内，得到数据后更改状态，随之渲染。

异步获取数据