Javascript 如何将库函数绑定到reactjs类/内容

我对ReactJS都是新手，而且很酷。然而，我不清楚的一件事是如何在React中使用第三方库及其DOM函数。我目前的情况是，我使用以下方法操作DOM元素：

(function($){
    $(window).load(function(){
        $('./#element').mCustomScrollbar();
    });
})(jQuery);  

我的问题是它没有将其自身附加到我的ReactJS元素，这是：

var ChatBox = React.createClass({
  render: function() {
    var chatMessages = this.props.data.map(function (msgObj) {
      return (
        <ChatBoxMessage user_name={msgObj.user.name} timestamp={msgObj.timestamp}>
          {msgObj.message}
        </ChatBoxMessage>
      );
    });
    return (
        <div className="log log--chat">
            <ul>    
                {chatMessages}
            </ul>
        </div>
    );
  }
});

var ChatBox=React.createClass({
render:function（）{
var chatMessages=this.props.data.map（函数（msgObj）{
返回(
{msgObj.message}
);
});
返回(

{chatMessages}

);
}
});

现在，如果我使用

$（'.log--chat'）.mCustomScrollbar（）
这方面的一般做法是什么？我是否将它绑定到实际的React类中的某个地方？
我不确定“我无法让它通过自身将自身附加到元素”是什么意思。但这可能是你追求的目标：

...
componentDidMount: function() {
  var node = React.findDOMNode(this);
  $(node).mCustomScrollbar();
}
...

我的意思是，它不能绑定它自己，当它重新呈现时，再绑定它自己。但是你说得很对，谢谢我的好先生-祝你星期一愉快：）！