react项目中无法使用解构赋值的解决办法

react项目中无法使用解构赋值的解决办法

最近在写react的项目，用的是create react app创建的项目，然后在项目中无法使用解构赋值，只要使用解构赋值就报错。
然后找到原因：是babel配置的原因
试了很多方法，在babel官网找到了原因，其实只要配置一下babel就行

解决办法1
在项目的根目录下，也就是跟package.json同级目录下，新增配置一个babel.config.json文件

{
    "presets": [
        [
            "@babel/env",
            {
                "targets": {
                    "edge": "17",
                    "firefox": "60",
                    "chrome": "67",
                    "safari": "11.1"
                },
                "useBuiltIns": "usage",
                "corejs": "3.6.5"
            }
        ]
    ]
}

然后在控制台输入npx babel 编译一下即可

解决办法2
这种方法不知道能不能行，这个方法是我编译了babel.config.json文件之后修改的，我把babel.config.json文件改了一个名字，然后重启了一下项目之后试的。
在package.json文件里面更改 browserslist 配置
换成

 "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ],

这就是我在项目中遇到的一个问题，希望对遇到这种问题的小伙伴们有帮助。