如何在React函数组件中不使用useEffect钩子来获取数据？

Question

我知道使用钩子时的传统方法是使用钩子获取数据useEffect。但是为什么我不能直接在功能组件中调用axios而不是hook然后设置数据呢。

基本上，我想问这样做有什么问题：

const [users, setUsers] = useState(null);
axios.get("some api call")
  .then(res => setUsers(res.data))

在这里，我不使用useEffect，会出什么问题吗？

Answer 1

像这样发出请求并更改渲染状态将导致组件永远重新渲染。

每次组件渲染时，例如由于 props 更改或hooks 更改，该axios.get请求都会被调用。当它收到响应时，它将更新状态。然后，由于状态发生了变化，组件重新渲染并axios.get再次被调用。状态再次发生变化，请求再次发出，永远如此。