ES6：コンストラクタは矢印関数として宣言できませんか？</p> <pre><code>class ExampleComponent1 extends React.Component { constructor() { super(); } } </code></pre> <p>のWebPACKこのバベルローダーで、すべてが正常になります：

Question

はここに私のReact.jsコンポーネント定義です。

class ExampleComponent1 extends React.Component { 
    constructor =() => { 
     super(); 
    } 
} 

WebPACKのビルドが失敗しました：これは、コンストラクタは矢印関数として宣言することはできませんなぜ起こったか、私は知りません

Module build failed: SyntaxError:....: 'super' outside of function or class (8:4)

しかし、私は、関数矢印constructor宣言を変更しますか？

Answer 1

ES6では、矢印を使用して関数を作成することはできますが、プロシージャ関数またはラムダ関数の場合にのみ可能です。クラス宣言の中へ

は、あなたが唯一の標準ES6構文を使用することを許可されています。

class ExampleComponent1 extends React.Component { 
    constructor() { 
     super(); 
    } 
}