React18实现高阶组件装饰器写法

  • 由于高阶组件链式调用的写法看起来比较的麻烦也不好理解。逻辑会看的比较绕
  • ES7就出现了装饰器的语法,专门拿来处理这种问题的
  • 安装支持装饰器语法的babel编译插件
           *npm install --save-dev @babel/plugin-proposal-decorators
           *更改 config-overrides.js配置文件代码(该文件在前面的随笔antd按需加载的时候有提到)
        
        
  • 使用方式@高阶组件的名称
    • 高阶组件的生命要放在使用前面
 
示例:
在HOC组件的上面写要使用哪些高阶组件,要使用的高阶组件声明一定要在上面,使用的顺序也要注意
  // 直接暴露出去
posted @ 2020-01-05 18:03  Godfi  阅读(502)  评论(0编辑  收藏  举报