React中高阶组件的使用

含义：

React的高阶组件：接收一个组件作为参数并返回一个新组件的函数叫高阶组件

高阶组件的简单使用：

1）：higherOrderComponent(WrappedComponent)

2)：@higherOrderComponent    // 装饰器模式

在使用装饰器模式的情况下，需要做的配置：
    npm run eject
安装相关插件
    // 针对react
    npm install babel-preset-stage-2 --save-dev
    npm install babel-preset-react-native-stage-0 --save-dev
根目录下，创建.babelrc
    {
        "presets": [""react-native-stage-0/decorator-support]
    }

代理高阶组件的使用（常用）

作用： 1）操纵prop      2) 抽取状态  3）访问ref  4) 包装组件

继承方式的高阶组件 （不常用）

高阶组件显示名称：组件内有一个静态属性用于设置
static displayName = '名称'

getDisplayName方法设置名称