ES6:构造函数不能声明为箭头函数?

时间:2016-07-03 10:03:46

标签: javascript reactjs ecmascript-6

这是我的React.js组件定义:

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

使用babel装载机进行webpack时,一切都会好的。但后来我将constructor声明更改为箭头功能:

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

webpack构建失败:

  

模块构建失败:SyntaxError:....:' super'在功能或阶级之外(8:4)

我不知道为什么会发生这种情况,构造函数不能声明为箭头函数?

1 个答案:

答案 0 :(得分:0)

在ES6中,可以使用箭头制作函数,但仅限于函数或lambda函数!

在类声明中,只允许使用标准ES6语法:

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