先看 class CesiumComponent extends React.PureComponent<WithContextProps<P,C>>

一 、高阶组件(下面都称作HOC)HOC应该是无副作用的纯函数，且不应该修改原组件。HOC接收一个函数作参数，render时仅仅渲染了被包装的组件，并没有侵入式的修改它。二、HOC不关心你传递的props是什么，并且被包装…

高阶组件接收组件作为参数，返回新的组件 {代码…} 这种模式通常使用函数来实现，基本上是一个类工厂（是的，一个类工厂！）。 withTimer.js {代码…} App.js {代码…} Context API 当应用中多个组件需要使用…

这种设计模式可以复用在React组件中的代码与逻辑,因为一般来讲React组件比较容易复用渲染函数, 也就是主要负责HTML的输出.

掌握这个有用的模式，停止在 React Components 中重复逻辑！ ????原文：React Higher Order Components in 3 minutes作者：Jhey Tompkins译者：博轩 PS：今天是母亲节，先祝所有母亲大人们节日快乐啦 ????????????

React 是现在最流行的 JavaScript 库之一。使用 React 可以非常轻松地创建 Web 用户交互界面。 它的成功有很多因素，但也许其中一个因素是清晰有效的编程方法。

高阶组件（HOCs）在React中是组件复用的一个强大工具。但是，经常有开发者在结合TypeScript使用中抱怨道很难去为其设置types。

React 高阶组件也叫做 React HOC(High Order Component), 它是react中的高级技术, 用来重用组件逻辑。

高阶组件其实不是什么高深莫测的东西，它类似于高阶函数，就是一个纯函数，它会接受一个组件作为参数，然后返回一个新的组件。

在web开发上，我们都对数据采用分页加载的机制，一种变形就是在页面采用循环加载的机制，拉到页面最下方有个加载更多的按钮。问题在于，当不同的数据要展示时，就要写很多这种列表，但是其中的逻辑都是相似的。