【问题标题】:How do I check objects, subscriptions, network requests pending cleanup after React component unmount?React 组件卸载后如何检查对象、订阅、网络请求等待清理?
【发布时间】:2021-04-07 03:53:01
【问题描述】:
有没有办法在 React 组件卸载后查看仍在内存中的不必要对象或待处理的网络请求?
如果我能看到,那么我可以在 componentWillUnmount() 中处理它。
【问题讨论】:
标签:
javascript
reactjs
user-interface
react-hooks
react-component-unmount
【解决方案1】:
Amir Saleem 已经提到 Axios 处理请求。我不认为你需要非常关心 JavaScript 中的垃圾收集,因为语言解释器会为你做这件事。
这与您负责创建和删除未使用内存空间的 C/C++ 或其他一些低级语言有很大不同。
只需花时间在您的代码中使用良好、经过测试且高效的算法,然后让垃圾收集器完成剩下的工作。如果您不再使用它,您的整个组件将被垃圾回收。
如果您真的想要了解应用程序中的对象,Firefox 在开发者控制台中有一个内存功能。看起来是这样的:
查看Memory Management 的更多信息。 Avoiding Memory Leaks in NodeJS 对您来说可能也很有趣。另请参阅最后一页底部的参考资料。