Javascript 回应谷歌图表回调

我想从中为图表组件创建一个事件处理程序

走开。文档有一个例子

<Chart
    chartType="ScatterChart"
    rows={this.state.rows}
    columns={this.state.columns}
    options={this.state.options}
    graph_id="ScatterChart"
    width="100%"
    height="400px"
    chartEvents={this.chartEvents} // <- this is event handler
   />

如何从回调函数引用类上下文？我想改变我所在的州

this.chartEvents=[
  {
    eventName : 'select',
    callback  : function(Chart) {
        // here I want to refer to this.setState
        console.log("Selected ",Chart.chart.getSelection());
    }
  }
];

---

我和你有同样的需要，而且能够做到。 您可以创建一个变量（下面示例中的超类）并将类（this）的值赋给它。这样，您仍然可以在回调范围内访问它

const superClass = this;
this.chartEvents = [
  {
    eventName: 'select',
    callback(Chart) {
        // here you can refer to superClass.setState
        console.log("Selected ",Chart.chart.getSelection());
    },
  },
];

---

如果尝试在回调中设置状态，会引发什么错误？这仅适用于以下select事件：。你知道如何在点击事件中做到这一点吗？

const superClass = this;
this.chartEvents = [
  {
    eventName: 'select',
    callback(Chart) {
        // here you can refer to superClass.setState
        console.log("Selected ",Chart.chart.getSelection());
    },
  },
];