ES6, 오류 메시지가 나는

Question

내가 다음 코드를 이해하지 못하는 반응 :

close =() => { 
    this.setState({ open: false }); 
    this.props.onUpdate(this.props.defaultValue); 
} 

하지만 다음 오류 메시지가 무엇입니까 : 나는 원래 코드를 컴파일 것을보고

ERROR in ./ui/usersModule/scripts/usersTable.jsx 
Module build failed: SyntaxError: 


Error: Unexpected token (232:8) 

    230 | } 
    231 | 
> 232 | close =() => { 
     |  ^
    233 |  this.setState({ open: false }); 
    234 |  this.props.onUpdate(this.props.defaultValue); 
    235 | } 

을 하지만 내 컴퓨터에서 어떤 이유로 컴파일되지 않습니다. 전화 번호 :

onClick={ this.close } 

왜 내 오류가 될 수 있습니까? 닫기 함수를 호출하는 또 다른 방법이 있습니까?

Answer 1

ES6 + 코드를 컴파일하기 위해 일반적인 webpack + babel 설정을 사용하는 경우 babel-plugin-transform-class-properties이 필요합니다.

모듈을 설치하고 package.json, 또는 .babelrc에 babel에 따라 본을 추가

"plugins": [ 
    "transform-class-properties" 
    ]