Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 解决内存问题:Chrome开发工具中的FiberNode是什么?_Reactjs_Memory Leaks_Google Chrome Devtools - Fatal编程技术网

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。让我们等一下专家。