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

时间:2015-03-20 12:45:04

标签: javascript jquery html5 reactjs

我有一个reactjs组件:

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

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

我将如何实现这一目标?

2 个答案:

答案 0 :(得分:31)

使用componentDidMount方法在初始渲染后运行代码,并在每次更新组件状态后使用componentDidUpdate运行代码。

答案 1 :(得分:2)

请参阅此处的文档:https://facebook.github.io/react/docs/component-specs.html#mounting-componentdidmount

在组件生命周期中,您可以为componentDidMount定义回调 - 即,渲染函数已完成,结果元素已插入DOM中。