Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.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
Javascript react js中的性能问题_Javascript_Performance_Reactjs - Fatal编程技术网

Javascript react js中的性能问题

Javascript react js中的性能问题,javascript,performance,reactjs,Javascript,Performance,Reactjs,我目前正在我的web应用程序中使用reactJS版本“15.0.1”。在其中一个功能中,我们需要在每2秒后持续汇集一些信息。因此,我们收到的响应是一些对象(列表中的700/1000项)的列表,我们在react web应用程序中更新并显示这些对象。问题是,一段时间后,应用程序变得无响应,任何操作都需要花费太多时间。在评测时,我发现react js中的render、batch Update和dispatch事件耗时最长。在react中,是否有任何建议的方法可以解决性能问题。该功能需要每2秒刷新一次,

我目前正在我的web应用程序中使用reactJS版本“15.0.1”。在其中一个功能中,我们需要在每2秒后持续汇集一些信息。因此,我们收到的响应是一些对象(列表中的700/1000项)的列表,我们在react web应用程序中更新并显示这些对象。问题是,一段时间后,应用程序变得无响应,任何操作都需要花费太多时间。在评测时,我发现react js中的render、batch Update和dispatch事件耗时最长。在react中,是否有任何建议的方法可以解决性能问题。该功能需要每2秒刷新一次,每次列表大小超过1000项


在IE和Chrome浏览器中观察到性能问题。

如果不查看代码,很难判断,可能是内存泄漏?您可以尝试在方法末尾将对象标记为垃圾收集

listOfSomeObject = null;
这是一篇很好的文章,介绍了一些识别和修复内存泄漏的方法


确保为每个元素指定了一个适当的关键元素,以便react知道如果它是相同的列表元素,则不必重新渲染它。我认为这是因为重新呈现了组件…如果通过道具更新列表,则使用componentWillUpdate()可能会导致内存泄漏…请尝试使用日志来确定有关持续呈现组件的场景如果在轮询和更新状态后得到了一些不应重新呈现的嵌套组件,也就是说,您只需进行浅层比较,就可以尝试使用PureComponent