如何在反应中将“this”绑定到函数中？ [复制]

Question

这是我用来检查一个人是否已经投票的功能。我正在使用 Firebase 后端。

madeVote() {
  let id = this.state.id
  var userid = this.props.location.state.userid;

  var idRef = database.ref('/voted/' + userid);
  if (id == -1) {
    alert("Please select a candidate")
  } else {

    var idQuery = idRef.child('voted');
    //console.log(userid);
    idQuery.once("value", function(snapshot) {
      console.log("Value " + snapshot.val());
      if (1) {
        alert("You have already voted")
        this.props.history.push('/thanks')
      }
    })
  }
}

“this”在“this.props.history.push('/thanks')”行中为空。
我知道我需要绑定这个。但是我该怎么做呢？

Answer 1

只需使用箭头函数。它会自动将this 绑定到您的函数

idQuery.once("value", (snapshot)=> {
      console.log("Value " + snapshot.val());
      if (1) {
        alert("You have already voted")
        this.props.history.push('/thanks')
      }
    })