Reactjs 解决内存问题:Chrome开发工具中的FiberNode是什么?
因此,我目前正在尝试使用Reactjs 解决内存问题:Chrome开发工具中的FiberNode是什么?,reactjs,memory-leaks,google-chrome-devtools,Reactjs,Memory Leaks,Google Chrome Devtools,因此,我目前正在尝试使用Chrome开发工具中的堆快照来调试Nodejs/React应用程序中的一些内存泄漏,经过一些分析,应用程序中增长最快的部分似乎是对象、数组、字符串,还有这个叫做FiberNode的东西。看起来它们中增长最快的是FiberNode,但我不知道我们的代码中引用了什么。我在网上搜索过,在Chrome开发工具的任何地方都找不到对FiberNode的引用,因此查找内存泄漏变得更加困难。在Chrome-Dev-Tools中扩展FiberNode时,我得到了无法理解的混乱局面(见下图
Chrome开发工具中的堆快照来调试Nodejs/React应用程序中的一些内存泄漏,经过一些分析,应用程序中增长最快的部分似乎是对象、数组、字符串,还有这个叫做FiberNode的东西。看起来它们中增长最快的是FiberNode
,但我不知道我们的代码中引用了什么。我在网上搜索过,在Chrome开发工具
的任何地方都找不到对FiberNode
的引用,因此查找内存泄漏变得更加困难。在Chrome-Dev-Tools
中扩展FiberNode
时,我得到了无法理解的混乱局面(见下图)
上面的图片显示了上一个快照和它前面的快照之间的比较,我将它设置为按Size Delta
降序排序。如果有人知道这个FiberNode
指的是什么,那么这将有助于更好地解决这些内存问题。提前谢谢 这是一个React,devtools只显示它的类名。另请参见@wOxxOm如果这是一个React事件,那么如何调试它以了解泄漏的来源?我注意到的一些人说,bind\u这是在native\u bind()
中使用onclick()和onchange()找到的。这是否意味着onclick和onchange没有得到释放?Dev工具有点难以理解。IDK。让我们等一下专家。