ReactJS:如何监控重新渲染过程?

时间:2016-11-08 12:09:29

标签: reactjs

有什么办法可以跟踪正在重新渲染的React组件吗?

例如,我正在进行API调用,并且在回复时,我更改了一些父组件的状态,因此所有子组件也被重新渲染(我是否正确在这一组?)。

如何监视哪个父组件启动重新渲染过程以及哪些子组件作为结果呈现(以及每个组件被重新渲染的次数)?

我知道我可以在每个组件中注入某种console.log模式,只是监控浏览器控制台,但我一直在寻找更复杂的解决方案。

1 个答案:

答案 0 :(得分:0)

您可以首先在componentWillUpdate()生命周期方法中记录新的一个或多个属性,该方法将在每次渲染之前立即调用(第一个除外)。

https://facebook.github.io/react/docs/react-component.html#componentwillupdate