14 「装修阶段」- 使用高阶组件优化数据同构

导读

本节标题：「装修阶段」- 使用高阶组件优化数据同构

本节主旨：替代简陋版的数据同构，使用高阶组件进行优化，逻辑复用，开发更轻快

本节配套代码：

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

正文

在之前的小节中我们已经完成了数据同构，如果用来进行实际项目开发的话也能满足，但是有些时候用起来不够舒服，因为还存在一些不足和一些可以优化的空间。

当然这也是可以理解的，我们之前的阶段是建造阶段，为的是满足需求而已，现在是装修优化阶段，所以是时候把这些瑕疵给干掉了。

到底有哪些地方需要优化呢？下面一步一步来看。

组件内 state 初始化存在重复逻辑

下面这段代码是list页面组件构造函数内的数据获取逻辑，通过__SERVER__这个全局变量来判断是否是服务端渲染还是客户端渲染，最后给到state初始值。</