react useEffect报依赖报警告

Question

react useEffect报依赖的警告问题

import React, { memo, useEffect, useState } from 'react'
import { getBanner } from '../../../../api-service/list/other'

const Recommend = memo(() => {
  const [banners,setBanners] = useState([])
  useEffect(()=>{
    ( async ()=>{
      // 网络请求，拿到轮播图数据
      const data  = await getBanner()
      setBanners(data?.banners)
      console.log(banners);
    })()
  },[])
  return (
    <div>Recommend 推荐</div>
  )
})

export default Recommend

控制台警告详情

如果，加上数组依赖加上banners，就会死循环更新

src\pages\discover\c-pages\recommend\index.js
  Line 15:5:  React Hook useEffect has a missing dependency: 'banners'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

WARNING in [eslint]
src\pages\discover\c-pages\recommend\index.js
  Line 15:5:  React Hook useEffect has a missing dependency: 'banners'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

webpack compiled with 1 warning

Answer 1

已解决，我这里只所有报这个警告是因为在useEffect的函数里面有这么一句话

console.log(banners);，把一行删除就行了