react.js函数组件解决内存泄漏警告

最新推荐文章于 2025-04-23 09:53:56 发布

向往美好时光

最新推荐文章于 2025-04-23 09:53:56 发布

阅读量690

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： js reactjs

本文链接：https://blog.youkuaiyun.com/GguanWei/article/details/110235637

react 专栏收录该内容

1 篇文章

订阅专栏

本文分析了React应用中出现的内存泄漏警告信息，详细解释了错误产生的原因，并提供了一个具体的解决示例，帮助开发者理解如何避免在useEffect钩子中不当使用异步请求导致的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为大家分享一个警告信息

devScripts.js:5836 Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

我的代码：

const [gData, setGData] = useState([]);
useEffect(() => {
const fetchData = async () => {
setGData(res.data)
};
fetchData();
}, []);
报错原因：因为我在useEffect里面使用usestart来接收异步请求的值导致
解决方法：

const [gData, setGData] = useState([]);
useEffect(() => {
const fetchData = async () => {
const res = await getUnexploredDirectory()
.then(() => {
setGData(res.data)
}).catch(err => {
return;
})
};
fetchData();
}, []);