node.js - 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();
    }
    ...
}