React Perf渲染计数

Question

我正在尝试提高React应用的性能。我正在使用React Perf并且我发现某些组件浪费了渲染次数29但是当我向console.log方法添加render时，我看不到它被写入29次控制台。

当React Perf的printWasted中列出了29个渲染计数时，它意味着什么？

Answer 1

根据我的理解，printWasted告诉您浪费在没有渲染任何内容的组件上的时间。根据{{​​3}} -

  

“浪费”的时间花费在实际上没有呈现任何内容的组件上，例如渲染保持不变，因此没有触及DOM。