モジュールのビルドエラー

Question

私は（私が推測するだけでなく、コードのいくつかをチェックアウトするためのコードやデバッグを提供できるようにしたいと思います）私は将来的に掲載する予定です質問で、最終的に助けが必要なので、私はセットアップにWebpackBinをしようとしています私は私の実際のアプリで取得していない糸くずのエラーを取得しています。ここで

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

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

は、それは誤り無料ですしたら、私は私が午前私の実際の質問/問題を投稿しますwebpackBin

です。

側の注意点としては、これがそのまま動作するはずです。それは私のアプリで私のために働いています。私はまだこのコードに問題の領域を追加していません。これが実行されたら、私はそれを行い、質問を投稿します。

これは、それが実行された後のように見える（マイナススタイリング）べきものである

クラス内部

Answer 1

エラーを取り除くには、webpackbinの設定でstage-0またはClass properties transformを有効にする必要があります。あなたがここにonChange = (event, { newValue, method }) =>得たもの

は "標準JS" のためだけ糖衣構文です arrow functions

class properties

1. のミックスです。

   あなたはそれらを使用せずに同じことを達成することができます。

   class YourComponent extends React.Component{ 
   
       constructor(props){ 
       super(props); 
       this.onChange = this.onChange.bind(this); 
       } 
   
       onChange(event, { newValue, method }){ 
        ... 
       } 
       ... 
   } 
   

   についてstage-0、あなたはバベルの設定に追加するとき、あなたはすべてのexperimentalのプラグインが利用可能に含めています。

Answer 2

あなたの関数は、間違った構文的に宣言され、事前にありがとう、あなたはこの構文べき：

は、この構文に

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

：

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

Updated Bin