Reactjs 模块生成错误

我正在尝试设置一个WebPackageBin，因为我最终需要一个问题的帮助，我将在将来发布这个问题（我希望能够提供一些代码来检查和调试，而不仅仅是代码来猜测），但我得到了一个lint错误，我没有在我的实际应用程序中得到

Module build failed: SyntaxError: Unexpected token (107:10)

  105 |   
  106 | 
  107 |  onChange = (event, { newValue, method }) => {
      |           ^
  108 |     this.setState({
  109 |     value: newValue
  110 |     });

这是你的电话号码

一旦没有错误，我将发布我的实际问题

作为旁注，这应该按原样工作。它在我的应用程序中为我工作。我还没有将问题区域添加到此代码中。我会这样做，一旦这运行，然后张贴的问题

这是它运行后的外观（减去样式）

---

提前感谢

您在类中的函数在语法上声明错误，您应该使用以下语法：

 onChange = (event, { newValue, method }) => {
    this.setState({
      value: newValue
    });
 };

对于此语法：

 onChange(event, { newValue, method }) {
    this.setState({
      value: newValue
    });
 };

---

您只需在webpackbin配置中启用

stage-0

或

类属性转换

，即可消除该错误

这里得到的

onChange=（事件，{newValue，method}）=>

是

这只是“标准js”的语法糖

你不需要使用它们也可以达到同样的效果

class YourComponent extends React.Component{

   constructor(props){
     super(props);
     this.onChange = this.onChange.bind(this);
   }

   onChange(event, { newValue, method }){
      ...
   }
   ...
}

---

关于，当您将其添加到babel配置中时，您包括了所有可用的插件。

我以前做过，并且得到了这个

未捕获的类型错误：无法读取未定义的属性“setState”

事实上，当我尝试运行autosuggestYou可能调用了一个函数，该函数使用

setState

而不绑定

this

，或者在arrow函数调用之外。看看我添加的更新的bin链接，它很有效。你后来所做的导致错误的事情是另一回事。我查看了你添加的更新的bin链接。它不起作用。正如我在截图中所示，这在我的应用程序中起作用。它还接受我最初编写的语法。请参考此代码以及他们提供的代码笔，以查看此处基本示例的代码，您只需在webpackbin配置中启用

stage-0

或

Class properties

，即可摆脱此问题error@QoP答对 了你应该回答这个问题，伙计。也许可以快速解释stage=0或类属性是如何工作的。我不介意理解和学习，而不是机械地编码：）我相信你的答案