onClick =（）=> {拋出吞吐量意外的令牌錯誤

Question

我試圖將反應組件集成到我的React項目中。與一飲而盡transpiling當我在網上得到一個錯誤onClick =() => {

JS /擴展-animation.js：意外令牌（14:16）

我使用與babelfy杯和"presets": ["react", "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; 

Answer 1

這是一個實驗性的功能。

您需要添加通天stage-2或只是爲了使這個特定的功能，您可以添加以下轉變：http://babeljs.io/docs/plugins/transform-class-properties/

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