反应钩子/穷举警告

Question

>我使用react hookuseEffect，就像下面的代码一样，用于获取数据并更改其中的状态。为了避免无限循环，我添加一个空数组作为 useEffect 的第二个参数，我收到此警告。我是忽略它还是必须修复它？如果是这样，如何解决？我只想要这里的组件DidMount效果。 我很欣赏任何想法？

useEffect(() => {
fetch('/login')
.then(response => {
if (response.ok) fetchAll() 
else setLoading({ ...loading, signin: true, progress:false });     
}).catch(() =>{
setLoading({ ...loading, signin: true, progress:false });
})
},[]);

Answer 1

试试这个，这应该可以解决警告

useEffect(() => {
fetch('/login')
.then(response => {
if (response.ok) fetchAll() 
else setLoading(loading => ({ ...loading, signin: true, progress:false }));     
}).catch(() =>{
setLoading(loading => ({ ...loading, signin: true, progress:false }));
})
},[]);