バベル私は一口に</p> <p>を使用しているすべての

まず、これは私がコマンドを実行しようとすると、私が得るものですバベル私は一口に</p> <p>を使用しているすべての

var bundler = browserify(filepath, args) 
    .plugin(watchify, {ignoreWatch: ['**/node_modules/**', '**/bower_components/**']}) 
    .transform(babelify, {presets: ['es2015', 'react']})

browserifyとバベルと私のバンドルをコンパイルします

SyntaxError: browser/components/table.js: Unexpected token (50:14) 
    48 | } 
    49 | 
> 50 | handleToggle =() => this.setState({ drawer: !this.state.drawer }) 
    |    ^
    51 | 
    52 | status(entry) { 
    53 |  if (entry.status === undefined) {

矢印の機能以外のものは完全に機能しているように見えますが、ここで間違っていることを理解できません。

export default class TableHandler extends Component { 
constructor(props) { 
    super(props) 
    this.state = {drawer: true} 
} 
handleToggle =() => this.setState({ drawer: !this.state.drawer }) 
render(){ 
    return(
    <Drawer docked={false} width={300} open={this.state.drawer} /> 
) 
} 
}

がより多くのコードですが、私は「ステージ1」を追加した後、私は何の問題もなく矢印の機能を利用することができました、これは

出典

2016-08-01 Valoster

あなたは完全なコードを投稿することができますか？これは、オブジェクトプロパティであれば 'handleToggle：（）=>'が必要なようです。 – elclanrs

これはクラス宣言の中にありますか？クラスの中で矢印関数を使用することはできません。クラス宣言ではプロパティを設定するのではなく、メソッドを設定することしかできませんし、とにかく正しいthisを持たないでしょう。 – gcampbell

あなたがhttps://babeljs.io/repl/#?evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-0&code=class%20PostInfo%20extends%20React.Component%20をチェックし、バベル・プリセット・ステージ0を追加する必要があります％7B％0A％09handleOptionsButtonClick％20％3D％20（E）％20％3次元％3E％20％7B％の0A％20％20％20％20this.setState（％7BshowOptionsModal％3A％20true％7D）％3B％ 0Aの％20％20％7D％の0A％7D＆実験=真＆緩い=偽＆スペック= falseを –

よし十分かもしれないと思いました。

.transform(babelify, {presets: ['es2015', 'stage-1', 'react']})

出典

2016-08-01 11:27:19 Valoster

バベル私は一口に</p> <p>を使用しているすべての

答えて

関連する問題