react&antd（9）可选链操作符?.编译失败原因及解决方法

背景：在react项目中使用?.可选链操作符浏览器报错提示编译失败
Module parse failed: Unexpected token (72:44) You may need an appropriate loader to handle this file
原因：babel版本过低
解决方法：
1.npm i 导入依赖包

npm install --save-dev @babel/plugin-proposal-optional-chaining

2.在pack.jison文件添加插件

//修改前：
"babel": {
    "presets": [
      "react-app"
    ]
  },
  //修改后：
  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": ["@babel/plugin-proposal-optional-chaining"]
  },

完成上述步骤后就可以在项目中使用可选链操作符了