ボタンReactJs

Question

で

ボタンをクリック動作しない

class ContactList extends Component { 


    addTrack() { 
     console.log('addtrack'); 
    } 

    render(){ 
     console.log('addtrackssss'); 

     return (
      <div> 
       <input type="text" ></input> 
        <button onclick={this.addTrack.bind(this)}>Add Track</button> 

      </div> 
     ); 
    } 
} 

どこに間違いを動作しません。 https://www.youtube.com/watch?v=3FwoKdOMaFI

Answer 1

のonClick

Answer 2

onclickがonClick

短い答えが、そのちょうどタイプミスをする必要があります。このビデオでは、すべてなどをください

Answer 3

要素に反応してイベントの処理にonclickを変更してくださいは、取り扱いに非常によく似ていますDOM要素のイベントしかし、違いの1つはです。リアクトイベントの名前は、小文字のではなく、camelCaseを使用しています。

//Regular Javascript: 
<button onclick="doSomeThing()"> 
    Click me! 
</button> 

//React: 
<button onClick={doSomeThing}> 
    Click me! 
</button>