对于 React 中 高阶函数和高阶组件的理解

一、高阶函数和高阶组件

1. 高阶函数，是一类特别的函数，接受函数类型的参数，返回值是函数。

2. 对于常见的高阶函数，如下所示：

• 定时器: setTimeout()/setInterval()
• Promise: Promise(() => {}) then(value => {}, reason => {})
• 数组遍历相关的方法： forEach()/filter()/map()/reduce()/find()/findIndex()
• 函数对象的 bind()
• Form.create()() / getFieldDecorator()()

3. 高阶函数更新动态, 更加具有扩展性

4. 对于高阶组件，本质就是一个函数，接收一个组件(被包装组件)， 返回一个新的组件(包装组件)， 包装组件会向被包装组件传入特定属性

5. 高阶组件的作用是扩展组件的功能。高阶组件也是高阶函数，接收一个组件函数， 返回是一个新的组件函数。

6. 在 antd 中，React 使用 Form 表单组件时，会包装 Form 组件生成一个新的组件 Form(Login)。新组件会向 Form 组件传递一个强大的对象属性 form，在这里也是使用了高阶组件和高阶函数，代码如下所示：

class Login extends Component {}

const WrapLogin = Form.create()(Login)
export default WrapLogin