前言
装饰器 decorator 是一种函数,是 Es6 的一个语法糖,是一种与类(class)相关的语法,用来注释或修改类和方法
以@+函数名形式展现,可以放在类和类方法的定义前面
那它在 React...中是如何使用的呢,这里以create-react-app脚手架搭建的项目为例
01
为什么要使用装饰器模式?...>;
}
}
export default A(componentB); // 直接调用A,将组件componentB作为参数传入
如果嵌套层次很多,会发现这种代码不优雅,很难理解,如果用装饰器...,可以往里面传入实参,则在函数需要return一个函数,return 返回的函数参数是类的本身,下面的 Foo 函数可以接受参数,这就等于可以修改装饰器的行为
import React, { component...,而不是在运行时,这意味着,装饰器能在编译阶段运行代码,它本身就是编译时执行的函数
⒉ 装饰器只能用于类和类的方法,不能用于函数,因为它存在函数提升
结语
高阶组件是函数,参数是组件并返回一个组件的函数