React.js渲染完成後運行客戶端JS

Question

我有一個React應用程序，但是我需要在組件加載完成後運行一些客戶端js。渲染函數完成並加載後，運行與DOM交互的js（如$('div').mixItUp()）的最佳方式是什麼？ React非常新，所以很抱歉，如果這很容易。

Answer 1

將您的代碼放入組件的componentDidMount方法中。請參閱lifecycle methods上的文檔。使用ES6語法，這將看起來像

class MyComponent extends React.Component { 
    ... 
    componentDidMount() { 
     $('div').mixItUp(); 
    } 
    ... 
}