reactjs - 我应该在 React Hook 中为 CRUD 使用操作还是创建可重用函数

Question

我正在尝试理解 React 钩子（useReducer、useEffect），创建 crud 以使用 React 钩子访问 API 的最佳方法是什么？我应该创建用于获取、删除、添加、更新的功能吗？然后在减速器上调用它？或创建另一个可重用函数并在操作上调用它？或者创建可重用的函数 crud 并在组件上使用它？

假设我想添加一个任务

async function addTask(payload){
   try {
    const { data } = await axios.post(endppoint, payload)
     return data
  } catch(e){
    console.log(e)
  }
}

async function getTask() {
   try {
      const { data } = await axios.get(endppoint)
     return data
   } catch(e){
     console.log(e)
   }
}

如果我使用 React Hook，我应该在哪里调用这些函数？我已经阅读了一些文章，但我只是想确保这些文章能够访问 API

标签： reactjs