React setstate 及其回调由于某种原因无法正常工作

Question

我正在制作一个简单的反应应用程序，我使用 Fusioncharts 来呈现两个图表。正如 Fusioncharts 示例中给出的那样，我试图根据另一个图表（饼图）的输入来改变一个图表（柱形图）的状态。问题是，我对这两个组件都有一个共同的祖先。 Content 是 Dash 和 topcontent 的父级。 所以饼图在dash组件中，我使用回调prop（onslice）来调用父组件的函数，并设置父组件的状态来改变通过topcontent发送到柱形图的prop。这是代码。

filtercallback(c,k){
console.log("In callback",c,k); 
// this shows up which means the call was successful
this.setState({  filtertext: c,filtersource:k  },function()   
                 {  // Callback function
               console.log("callback by",c,k);
             // this doesn't show up and state isn't set
                });

无论出于何种原因，都没有设置状态。并且包含 console.log() 的回调也没有记录任何内容。有人可以帮忙吗？

Answer 1

您可能缺少对 filtercallBack 的 this 的绑定。尝试在您的构造函数中设置：

this.filtercallBack = this.filtercallBack.bind(this);

假设它是一个类函数。