在react.js中加载DOM时的回调

我将componentDidUpdate应用于表以使所有列都具有相同的高度。它与jquery中的$（window）.load（）相同。

例如：

componentDidUpdate: function() {
        $(".tbl-tr").height($(".tbl-tr ").height());
    }

看起来像的组合componentDidMount，并componentDidUpdate会完成这项工作。当DOM可用时，第一个调用在初始渲染之后调用，一旦更新的DOM可用，则在任何后续渲染之后调用第二个调用。就我而言，我都让他们委托一个共同的职能来做同样的事情。

在现代浏览器中，它应该像

try() {
     if (!$("#element").size()) {
       window.requestAnimationFrame(try);
     } else {
       // do your stuff
     }
};

componentDidMount(){
     this.try();
}

我发现在这简单的包装代码componentDidMount或componentDidUpdate使用setTimeout该浏览器的DOM已与阵营执行前的变化更新，0毫秒，确保时间setTimeout的功能。

像这样：

componentDidMount() {
    setTimeout(() => {
        $("myclass") //  $ is available here
    }, 0)
}

这会将匿名函数放在JS事件队列中，以在当前运行的React堆栈框架完成后立即运行。