React中高阶组件

180 阅读1分钟

高阶组件

认识高阶函数

  • 高阶组件和高阶函数非常的类似,所以学习高阶组件之前先认识一下高阶函数

  • 高阶函数的维基百科定义,至少满足以下条件之一

    • 接受一个或多个函数作为参数

    • 返回一个函数

  • JavaScript 中比较常见的高阶函数有 filter、map、reduce 等等

高阶组件

  • 高阶组件英文是 Higher-Order Components,简称为 HOC

  • 高阶组件和高阶函数非常类似,高阶函数只要满足 接受一个或多个函数作为参数 或者 返回一个函数 就是高阶函数,而 高阶组件 就是接收的参数是一个组件,返回值为新组件的函数

  • 高阶组件本身不是一个组件,而是一个函数

  • 其次这个函数接受的参数为一个组件,返回值也是一个组件

高阶组价的定义方式