正在使用的Ansynchronous函数影响挂钩相关数组

Question

我们可以在react组件的useEffect的依赖数组中传递异步函数(例如fetchData(((吗？示例：useEffect(()=>{fetchData().then(data=>{ //do something with data like setting state)}}，[fetchData](

Answer 1

当然是，但您需要传递空依赖项以避免重叠或传递状态数组依赖项：

useEffect(() => {
async function fetchMyAPI() {
let response = await fetch('api/data')
response = await response.json()
dataSet(response)
}
fetchMyAPI()
}, [])

Answer 2

是的，这很好。请注意，每次fetchData更改时都会发出一个新的、可能重叠的请求。如果只想发出一次此请求，请使用空的依赖数组。