错误“ TypeError：无法获取”正在使用alert（），但不使用console.log（）

Question

“ TypeError：无法获取”页面刷新。

im在我刷新页面时会收到fetch错误“ typeError：typeerror：无法获取”，但是如果我将状态作为获取参数传递，则问题只会发生，否则应用程序运行良好。

这就是代码：

const \[posts, setPosts\] = useState(\[\])

//Get posts
useEffect(() => {
    fetch("https://codeleap-test-api.herokuapp.com/posts", {
        method: "GET",
        headers: {
            "Content-type": "application/json",
        }
    })
        .then(resp => resp.json())
        .then(data => setPosts(data))
        .catch(err => alert(err))
}, [])

// create new post
function createPost(post) {
    fetch("https://codeleap-test-api.herokuapp.com/posts", {
        method: "POST",
        headers: {
            "Content-type": "application/json",
        },
        body: JSON.stringify(post)
    })
        .then(resp => resp.json())
        .then(data => console.log('Posts created'))
        .catch(err => console.log(err))
}`

现在，如果我在第一个使用效果括号内传递状态“帖子”，我总是会收到上面提到的错误。像这样：

//获取ports useffect（（）=＆gt; {fetch ...}，[posts]）

我该怎么办来解决问题？

提前致谢！