多次渲染组件时如何调试 React 应用程序？
How to debug a React application when component is rendered multiple times?
我是 React 新手。我注意到当我的应用程序中的组件呈现时，简单的两个下拉列表行，甚至，在这种情况下，由于重新呈现，断点命中 15-16 次。我需要知道我应该在哪里放置我的断点或者我应该每次记录什么到 console.log，这样我就会知道为什么渲染组件，比如我可以记录一个特定的属性或状态变量吗？
是的，使用断点调试 React 应用程序可能会很痛苦，因为您可能必须逐步完成 React 的所有幕后工作。是的，console.log 非常有用，您也应该查看 React Devtools。
将console.log作为渲染函数的第一行，以一些最高级别的组件开始。他们可能不会重新渲染太多。
沿着树往下走，直到找到罪魁祸首。
很多时候效果是相乘的。一个组件重新渲染 5 次，其中一个子组件每次父渲染重新渲染 3 次，这意味着该子组件以南的所有内容都会重新渲染 15 次。
我是 React 新手。我注意到当我的应用程序中的组件呈现时，简单的两个下拉列表行，甚至，在这种情况下，由于重新呈现，断点命中 15-16 次。我需要知道我应该在哪里放置我的断点或者我应该每次记录什么到 console.log，这样我就会知道为什么渲染组件，比如我可以记录一个特定的属性或状态变量吗？
是的，使用断点调试 React 应用程序可能会很痛苦，因为您可能必须逐步完成 React 的所有幕后工作。是的，console.log 非常有用，您也应该查看 React Devtools。
将console.log作为渲染函数的第一行，以一些最高级别的组件开始。他们可能不会重新渲染太多。
沿着树往下走，直到找到罪魁祸首。
很多时候效果是相乘的。一个组件重新渲染 5 次，其中一个子组件每次父渲染重新渲染 3 次，这意味着该子组件以南的所有内容都会重新渲染 15 次。