如何检测ReactJS何时完成页面操作？

Question

我们的客户将我们的JS标签添加到他们页面的头部。我们的标签需要知道reactJS在修改页面之前何时完成。

我尝试过使用jQuery的$(document).ready()，但在reactJS完成之前就会触发。我可以使用$(window).load()，但如果页面上有很多图片，那就太慢了。

绑定到React.renderComponent完成的选项有哪些？

Answer 1

通过可传递给React.renderComponent的可选回调来启动代码的执行。在React.renderComponent完成之前，此回调将不会执行。如果你无法访问正在执行React.renderComponent的代码（我刚刚意识到这几乎肯定是这种情况）那么就没有明确/可靠的方法来监听函数的执行，除非当然这个函数暴露某种你可以监听的事件，甚至保证“x”一旦完成就会出现这种情况。遗憾的是，对于你的情况，这似乎不是React.renderComponent的一个选项。如果你有任何进一步的问题，请告诉我。

Answer 2

如果您无法直接控制React代码，您可以随时查看是否可以通过DOM Mutation events嗅探相关更改。