Javascript onClick=（）=>；{在gulp中引发意外的令牌错误

我试图在我的react项目中集成react组件。当使用gulp传输时，我在第

onClick=（）=>{

js/expansing-animation.js:意外标记（14:16）

我正在将gulp与babelfy和

“预设”一起使用：[“反应”，“es2016”]

想法

 import React, {Component} from 'react';

    const animationStyle = {
        transition: 'width 0.75s cubic-bezier(0.000, 0.795, 0.000, 1.000)'
    };

    const makeExpanding = (Target) => {
        return class extends Component {
            constructor(props) {
                super(props);
                this.state = {isOpen: false};
            }

            onClick = () => {
                this.setState({isOpen: !this.state.isOpen});
            };

            render() {
                return (
                    <Target {...this.props}
                            isOpen={this.state.isOpen}
                            onClick={this.onClick}
                            additionalStyles={{text: animationStyle, frame: animationStyle}}/>
                );
            }
        }
    };

    export default makeExpanding;

import React，{Component}来自'React'；
常量动画样式={
过渡：“宽度0.75s立方贝塞尔（0.000,0.795,0.000,1.000）”
};
const makeexpansing=（目标）=>{
返回类扩展组件{
建造师（道具）{
超级（道具）；
this.state={isOpen:false}；
}
onClick=（）=>{
this.setState（{isOpen:！this.state.isOpen}）；
};
render（）{
返回(
);
}
}
};
出口默认值扩展；

这是一项实验性功能

您需要添加babel

stage-2

，或者仅为了启用此特定功能，您可以添加以下转换：

---

这是不正确的类语法，请尝试使用

onclick（）{…funcCode…}

而不使用结束分号

；

如果取出该函数，它是否仍有问题？不相关，但标题

onclick=（）=>{在gulp中抛出意外的标记错误

在SO（）中可能是无效格式

{
    "presets": ["react", "es2016"],
    "plugins": [
        "transform-class-properties"
    ]
}