Support for the experimental syntax ‘classProperties‘ isn‘t currently enabled

Intro

在React项目中自定义组件(class方式)，然后在组件中写了一个方法：

handleClick = () => {
	// ...
}

然后就报错，报错内容如题，大意是：
classProperties还是一个实验性的语法，当前还没有被支持。
(如果想支持这种新的语法，应该需要一些编译的插件)

解决

在babel转译的过程中引入@babel/plugin-proposal-class-properties插件即可。
至于怎么引入，有起码两种以上的方式。

以下为通过配置webpack.config.js中的babel-loader的options实现。

loaders: [
  {
    loader: "babel-loader",
    options: {
      cacheDirectory: true,
      // babel预设环境的插件集
      presets: ["@babel/preset-env", "@babel/preset-react"],
      plugins: ["@babel/plugin-proposal-class-properties"],
    },
  }
],

也可通过编辑本项目的.babelrc引入。