D3.js onclick正在运行，但没有调用函数

Question

我正在编写一个有简单按钮的网络应用程序。在我的d3.js代码中，我附加了一个监听器函数，这样当单击该按钮时，我可以执行一些操作。

我还在我的d3.js代码中编写了一个执行警报的函数。

问题在于，当onclick侦听器工作（它成功调用警报）时，它不会调用我编写的函数。这是我的代码：

  do() {
    alert("ha");
  }

  componentDidMount() {
    d3.select("body").select("#filterButton").on("click", function() {
      alert("hi");
      this.do();
    });
  }

onclick中的警报有效，但是没有调用（）我没有得到第二个警报。为什么会这样？