React18实现高阶组件装饰器写法
-
由于高阶组件链式调用的写法看起来比较的麻烦也不好理解。逻辑会看的比较绕
-
ES7就出现了装饰器的语法,专门拿来处理这种问题的
-
安装支持装饰器语法的babel编译插件
*npm install --save-dev @babel/plugin-proposal-decorators
*更改 config-overrides.js配置文件代码(该文件在前面的随笔antd按需加载的时候有提到)
-
使用方式@高阶组件的名称
-
高阶组件的生命要放在使用前面
示例:
在HOC组件的上面写要使用哪些高阶组件,要使用的高阶组件声明一定要在上面,使用的顺序也要注意
// 直接暴露出去
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts