react使用useEffect出现疯狂请求

原创于 2020-10-20 22:20:03 发布 · 4.5k 阅读

4 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了React中useEffect钩子因不当使用而导致的无限循环问题。详细解析了错误代码段，并给出了正确的实现方式，确保组件只在初始化时加载数据。

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

错误代码：

useEffect(()=>{
    listApi().then(res=>{
        let data = res.data
        if(data.status!==0){
            message.error(data.msg)
            return
        }
        setDataSource(data.object)
    })
})//后面要写个空数组

以下正确

useEffect(()=>{
    listApi().then(res=>{
        let data = res.data
        if(data.status!==0){
            message.error(data.msg)
            return
        }
        setDataSource(data.object)
    })
},[])