如何解决此警告

Question

警告:超过最大更新深度。这可能发生在组件在useEffect中调用useEffect时，但是useEffect要么没有依赖数组，要么在每个呈现上更改依赖项之一。

Answer 1

只需在useEffect的第二个参数中添加一个空依赖数组，如下所示：

const [state,setState] = useState();

useEffect(()=>{
   ... other tasks or/and update state 
},[]);

Answer 2

useEffect(() => {
    let isMounted = true
    isMounted && "Do Your Thing Here"
    return () => { isMounted = false }
}, [])

Answer 3

我认为第一个useEffect (您想要调用function的那个)应该有一个empty依赖数组。没有它，效果就会持续运行，因为function每次运行时都会更改state。