我可以在 apexcharts 的缩放回调中使用 this 关键字吗？

Question

抱歉，这可能是一个微不足道的 Javascript 回调相关问题。当我缩放时，我想从父道具调用一个函数。无论如何都可以这样做吗？或者向 ReactApexChart 组件发送额外的道具？

class ParentComp extends React.Component {
render() {
    let options = {
      ...,
        events: {
          zoomed: function(chartContext, { xaxis, yaxis }) {
            //I want to call this.props.setStartTime(xaxis.min)
          },
        ....
        }
    }

    return (
      <div>
          <ReactApexChart options={options} series={series} type="area" height={350} />
      </div>
    );
  }
}

Answer 1

使用箭头函数保留this

class ParentComp extends React.Component {
  render() {
    let options = {
      ...,
        events: {
          zoomed: (chartContext, { xaxis, yaxis }) => {
            this.props.setStartTime(xaxis.min)
          }
        }
    }

    return (
      <div>
          <ReactApexChart options={options} series={series} type="area" height={350} />
      </div>
    );
  }
}

我可以在 apexcharts 的缩放回调中使用 this 关键字吗？

Can I use the this keyword inside the zoomed callback in apexcharts?

apexcharts