Reactjs 回应网页包和巴别塔配置问题

我在使用webpack时遇到此错误：

ERROR in ./src/pages/clients/components/ClientProfile.js
Module build failed: SyntaxError: Unexpected token (18:17)

  16 |     }
  17 | 
> 18 |     handleSubmit = (person) => {
     |                  ^
  19 |         console.log(person);
  20 |     };
  21 | 

我有以下配置

下面是我对package.json的依赖

还有webpack.config.js

我不明白为什么它在这个语法上失败了

handleSubmit = (person) => {
        console.log(person);
    };

有人有想法吗？

---

谢谢。

我对您的代码做了以下更改，效果很好

及

}

我会阅读文档并找出原因，直到其他人解释

目前正处于标准化过程的第2阶段

巴别塔“舞台”预设的工作原理如下：

babel-preset-stage-0仅包含支持stage 0功能所需的内容。 babel-preset-stage-1包含支持stage 0和stage 1功能所需的内容。 依此类推，直到巴别塔第四阶段。 因此，因为您只有babel-preset-stage-3，所以不能使用类字段。要使其正常工作，您应该卸载该软件包，安装babel-preset-stage-2，然后相应地更新配置文件

有关TC39标准化过程的不同阶段具体需要什么的更多详细信息，请参阅和

"devDependencies": {
    "babel-core": "^6.24.1",
    "babel-loader": "^7.0.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-3": "^6.24.1",
    "react-scripts": "0.9.5",
    "webpack": "^2.5.1",
    "webpack-dev-server": "^2.4.5"
  },
  "scripts": {
    "start": "webpack-dev-server --info",
    "build": "webpack",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.jsx$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader',
                //include: /flexboxgrid/
            }
        ]
    }

handleSubmit = (person) => {
        console.log(person);
    };

{
"babel-core": "^6.6.5",
"babel-loader": "^6.2.4",
"babel-plugin-transform-runtime": "^6.6.0",
"babel-preset-es2015-native-modules": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0", //instead of preset-stage-3
}

{
  "presets": [
    "es2015",
    "react",
    "stage-0" //instead of "stage-3"
  ]