NVD3工具提示错误

Question

我能够解决这个问题：未捕获的TypeError：无法读取React中未定义的属性“Show Barchart”

var that = this;
chart.tooltip.contentGenerator(function (d) {
      var html = "<div>";
      d.series.forEach(function(elem){
        Object.keys(data_obj).forEach(function(key_1) {
          var outer_obj = data_obj[key_1];
          if (outer_obj["key"] === elem.key) {
              that.showBarChart(elem.key);
              var expr = outer_obj["values"][0]["expr"];
              html += "<p>" + elem.key + "</p>";
              html += "<p>x = " + d.value + ", y = " + elem.value + "</p>";
          }
        });
      })
      html += "</div>";
      return html;
    });

但是，该解决方案在NVD3散点图中导致了一个非常奇怪的bug，因为工具提示没有在鼠标退出时消失，而是停留在页面上。

我怎么能修好它？




Answer 1

问题是在componentdidupdate中，我调用了createscatterchart。我把它评论了出来，它开始工作得很好。发生这种情况显然是因为React工作流，我发现在问题：跟踪为什么React组件正在重新呈现中描述了这种工作流

componentDidMount() {
 this.createScatterChart()
}

 componentDidUpdate() {
 //this.createScatterChart()
}

在组件中调用this.setstate（）。这将触发以下组件生命周期方法shouldComponentUpdate>componentWillUpdate>render>ComponentDidUpdate