讓jQuery對象反應componentDidMount

Question

在我的應用程序，我使用的componentDidMound第三方插件，東西會看起來像這樣的：

clickStuff: function() { 
    //do stuff 
}, 
componentDidMount: function() { 

    $(".whatever").on { 'click', function() { 
     this.clickStuff(); 
    }.bind(this)); 
} 

這使得它在哪裏，如果我點擊類別爲「任何」的任何div以進入反應函數「clickStuff（）」;

但是如果我想獲得「本」 jQuery的節點。像$（「。whatever」）的屬性一樣？例如：

componentDidMount: function() { 

    $(".whatever").on { 'click', function() { 
     //this will cause conflict between the two this 
     $(this).attr("title", this.state.titleMessage); 
    }.bind(this)); 
} 

如果這$（這）應該是jQuery的節點，這在「this.state.titleMessage」應該是反應的一部分。

你如何既要相同功能的一部分？還是我需要做一些奇特的事情？我對如何做到這一點感到困惑。我不知道該怎麼稱呼這個問題。

Answer 1

老辦法：

componentDidMount: function() { 
    var that = this; 
    $(".whatever").on { 'click', function() { 
     //that is the this of componentDidMount (and so of clickStuff) 
     that.clickStuff(); 
     //this remains the same 
     $(this).attr("title", that.state.titleMessage); 
    }); 
}