我想在页面加载时向 api 发送请求

Question

我有一个 api，我想在页面加载时请求 api。我使用 useEffect，但 useEffect 总是提出请求，我不想要它。如何在页面加载时仅请求 1 次？

我的代码

  useEffect(() => {
  fetch("API_URL")
  .then(response=>response.json())
  .then(data=>setDatas(data.reverse()))

})

Answer 1

试试这个

useEffect(() => {
  fetch("API_URL")
  .then(response=>response.json())
  .then(data=>setDatas(data.reverse()))
}, [])

末尾的 [] 定义了 useEffect 钩子的依赖项。因此，空数组不定义任何依赖项，因此只会在组件/屏幕加载时触发。