为什么我的click事件不会使用react js触发

Question

class App extends React.Component {

  render (){
    return <div onClick={this.handleClick}>hedlo</div>
  },
   handleClick : function(e){
     alert('--')
   } 

}

为什么点击事件不会触发？

这是我的code

Answer 1

您有语法错误（在渲染后删除,，并且在使用ES2015类时，您无法使用key: value语法，而是使用handleClick(e) {}），更改您的代码< / p>

class App extends React.Component {
  render () {
    return <div onClick={this.handleClick}>hedlo</div>
  }

  handleClick(e) {
     alert('--')
  } 
}

Example