ボタンは、イベントが動作しないReactJS

Question

import React, { Component } from 'react' 

class Example extends React.Component { 
    constructor(props){ 
     super(props) 
     this.handleWinner = this.handleWinner.bind(this); 
    } 

    handleWinner(event){ 
     event.preventDefault(); 
     alert("Buttet Pressed") 
    } 

    render() { 
     return (
      <td key=1><button onClick={this.handleWinner}>Click Me</button></td> 
     ) 
} 

は、My機能がボタンに派遣されていないクリック

Answer 1

あなたrender機能が}が欠落しています。

render() { 
    return(
    <td key=1><button onClick={this.handleWinner}>Click Me</button></td> 
) 
} 

Answer 2

あなたが正しく

class Example extends React.Component { 
    constructor(props) { 
     super(props); 
     this.handleWinner = this.handleWinner.bind(this); 
    } 

    handleWinner(event) { 
     event.preventDefault(); 
     alert("Buttet Pressed") 
    } 

    render() { 
     return <div key=1> 
     <button onClick={this.handleWinner}>Click Me</button> 
     </div> 
    } 
} 

ReactDOM.render(<Example />, document.getElementById('app'))