D3のイベントコールバックのコンテキスト私は機能はSVG要素にマウスイベントをバインドするクラスを持っているバベル

Question

に変更します。

class Chart { 

    bindEvent() { 

    this.svg.append('rect') 
     .on('mousemove',() => { 
     const mouseDate = scales.x.invert(d3.mouse(this)[0]); 
     }); 

    } 

} 

に続いバベルtranspiles：だからイベントコールバック内

var Chart = function() { 
    function Chart() { 
    _classCallCheck(this, Chart); 
    } 

    _createClass(Chart, [{ 
    key: 'bindEvent', 
    value: function bindEvent() { 
     var _this = this; 

     this.svg.append('rect').on('mousemove', function() { 
     var mouseDate = scales.x.invert(d3.mouse(_this)[0]); 
     }); 
    } 
    }]); 

    return Chart; 
}(); 

"これは 'これ'と私は緩やかな文脈を変える。この問題を管理する方法はありますか？

Answer 1

ファット・アローは、その定義通りに動作します。代わりに通常の関数を使用するのが最もクリーンです。