NVD3 툴팁 버그

Question

나는 질문을 해결할 수 있었다 : Uncaught TypeError: Cannot read property 'showBarChart' of undefined in React

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; 
    }); 

그러나,이 솔루션은 nvd3tooltip이 mouse out에 사라지지 않는 scatterChart에 매우 이상한 버그에지도를 그냥 페이지에 남아 .

는 는

내가 그것을 어떻게

을 을 고칠 수

?

Answer 1

componentDidUpdate에 createScatterChart으로 전화를 걸었습니다. 나는 그것을 주석 처리하고 잘 작동하기 시작했다. - 왜 반응과 NVD3를 사용하는 것이 아니라 D3의 특정 구현 반응 Trace why a React component is re-rendering

componentDidMount() { 
this.createScatterChart() 
} 

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

Calling this.setState() within the component. This will trigger the following component lifecycle methods shouldComponentUpdate > componentWillUpdate > render > componentDidUpdate