使用onClick或onChange函数[duplicate]对此作出反应

Question

我正在调用react组件中的函数

<button onClick={this.createComment}>Submit Comment</button>

在我的createComment函数中，“由于某些原因，此”未定义

createComment(event) {
    console.log('inside createComment')
    console.log('event', event)
    console.log('this', this)

    event.preventDefault()
  }

我需要在createComment函数中调用this.setState。如何使this成为组件的this？？

Answer 1

改变这个：

onClick={this.createComment}

到

onClick={(e) => this.createComment(e)}

或者

onClick={this.createComment.bind(this)}

注:

正如@rafahoro所评论的：

您应该更喜欢在构造函数上绑定“this”：

constructor() { 
     this.createComment = this.createComment.bind(this); 
} 

使用"onClark={（e）=