按钮单击事件不工作ReactJS

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> 
     ) 
}

我的功能不是对调度按钮单击按钮单击事件不工作ReactJS

来源

2017-08-10 Rajat Dhoot

尝试同样的代码在[沙盒（https://codesandbox.io/s/7L6l1mRy）。似乎工作。请检查你是否缺少一些东西。 –

不能有'key = 1' - 应该是'key = {1}'或'key =“1”' - 否则jsx解析器会抛出。但是，是的，它的工作原理 - https://codepen.io/anon/pen/gxRavE –

你render功能缺少}。

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

来源

2017-08-10 10:45:10 Win

您还没有关闭括号正确

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'))

来源

2017-08-10 10:48:24 Aayushi

按钮单击事件不工作ReactJS

回答

相关问题