在 reactjs 渲染方法完成后执行 javascript

Question

我有一个 reactjs 组件：

var com1 = React.createClass({
    render: function() {
        return (  
    <a href='#'>This is a text</a>
    );
  }
});

我想在此组件渲染完成后执行 Javascript/Jquery。简单地将 Javascript 添加到 render 方法似乎不起作用。

我该如何实现？

Answer 1

在组件生命周期中，您可以为 componentDidMount 定义一个回调 -- 即，渲染函数已完成并且生成的元素已插入到 DOM。

Answer 2

每次更新组件状态后使用 componentDidMount method to run code after initial render and componentDidUpdate 到运行代码。

Execute javascript after reactjs render method has completed