javascript - React-在已经需要 'this' 的方法中调用 this.setState

Question

我正在使用 for 循环来迭代我的 Google map 标记:

for (i = 0; i < all_professionals.length; i++) { 
    var marker = new google.maps.Marker({
        position: this.props.listings[i].lat_lng,
    title: this.props.listings[i].name,
        animation: google.maps.Animation.DROP,
        map:map
    });

  marker.addListener('click', function(){
    map.panTo(this.getPosition());
    selected = this.title;
    console.log(selected);
    this.setState({clickedOn: selected}) <<<<<<<<
  })
}

在 addListener 方法中，我尝试运行 this.setState 或 this.props.methodFromParent 例如 this.props .methodFromParent(this.title)。如何在不干扰引用标记的 this 的情况下执行此操作。正如预期的那样，使用 this.setState 将返回一个错误，指出 this.setState 不是函数。绑定(bind) addListener 方法将返回 this.getPosition 不是函数。

谢谢。

Answer 1

在循环之前保存对类实例 this 的引用。

var self = this;
for (i = 0; i < all_professionals.length; i++) { 
  // ...
  marker.addListener('click', function(){
    // ...
    self.setState({clickedOn: selected}) <<<<<<<<
  })
}