2017-02-05 5 views
0

私はReact 15.1.0を使用しており、イベントをバインドできません。私は何が間違っているのか分かりません。これは私のコンポーネントです:ReactJS - イベントがバインドされない(Megaboilerplate)

import React from 'react'; 


class PatientProfile extends React.Component { 
    constructor(props) { 
     super(props); 

     this.state = {isToggleOn: true}; 
     this.onClick = this.handleClick.bind(this) 
    } 

    handleClick() { 
     console.log('this is:'); 
    } 

    render() { 

     return (
      <div> 
       <button onClick={this.onClick}>off</button> 
      </div> 
     ); 
    } 
} 

export default PatientProfile; 

私はオンラインで検索し、Reactの公式サイトでサンプルを試しましたが、うまくいきませんでした。インストールされているパッケージに何か不足していますか?

+0

バインドされました。 handleClick = this.handleClick.bind(this) 'を返し、返されたjsxセクションで' onClick = {this.handleClick} 'を使用します。 –

+0

コードは正常で問題なく動作します。 – dfsq

+0

@AndrewWillems私はあまりにもその方法を試して、それは動作しません。 –

答えて

0

私はちょうど私がbundle.js(NPMの実行ビルド)を構築すべきであることが判明し、その後のイベントが `これを使用するために、私はコンストラクタで、これを行う一般的な方法があると思い