中是如何使用的呢,这里以create-react-app脚手架搭建的项目为例
01
为什么要使用装饰器模式?...在设计模式中讲到优先使用对象而不是类继承,动态的给对象添加一些额外的属性或方法,相比与使用继承,装饰器模式更加灵活
在 React 中,高阶组件是一个非常厉害的东西,它最大的特点就是能够:重用组件逻辑....>;
}
}
export default A(componentB); // 直接调用A,将组件componentB作为参数传入
如果嵌套层次很多,会发现这种代码不优雅,很难理解,如果用装饰器...,就解决了多层嵌套的问题
03
使用装饰器后
在componentB.js组件中
import React, { Component } from 'react';
import A from '....,允许向一个现有的对象添加新的功能,增加静态属性于实例属性,又不改变结构,属于包装器模式的一种
因为 Es7 中添加了 decorator 属性,使用@函数名表示,在编写 React 组件时,高阶组件是一个非常实用的东西