データマップでsetstateに反応しますか？

Question

この例ではDatamapsを使用しています。 .datamaps-subunit.MIでクリックすると、その部分の色が変わるDatamapがあります。私はまた、私のリアクト状態に数字を保存したいと思う。ただし、以下のコードはthis.setState is not a functionというエラーになります。

lemap:function(){ 
    var map = new Datamap({ 
     element: document.getElementById('maincontains'), 
     scope: 'usa', 
     fills: {defaultFill: 'rgb(217, 217, 217)'}, 
     done: function(datamap) { 
      datamap.svg.select('.datamaps-subunit.MI').on('click', function(geography) { 
       var m = {}; 
       var bis = this; 
       m[geography.id] = 'pink'; 
       datamap.updateChoropleth(m); 
       this.setState({trumpnum: 12}); 
      }); 
     } 
    }); 
}, 

Answer 1

機能のすぐ下にvar sting = thisを追加して修正しました。

lemap:function(){ 
var sting = this; 
    var map = new Datamap({ 
     element: document.getElementById('maincontains'), 
     scope: 'usa', 
     fills: {defaultFill: 'rgb(217, 217, 217)'}, 
     done: function(datamap) { 
      datamap.svg.select('.datamaps-subunit.MI').on('click', function(geography) { 
       var m = {}; 
       var bis = this; 
       m[geography.id] = 'pink'; 
       datamap.updateChoropleth(m); 
       sting.setState({trumpnum: 12}); 
      }); 
     } 
    }); 
},