在之前爲了配置antd按需加載安裝過如下依賴
npm install react-app-rewired customize-cra babel-plugin-import -D
修改package.json的默認啓動方式
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-app-rewired eject"
},
安裝修飾符插件
npm install -D @babel/plugin-proposal-decorators
在根目錄下的config-overrides.js中修改代碼使用addDecoratorsLegacy方法
const { override, fixBabelImports, addDecoratorsLegacy } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: 'css',
}),
addDecoratorsLegacy()
);
完成以上配置就可以使用@裝飾器來鏈式調用高階組件啦~