如何在前端应用中组织 api 请求?

时间:2021-08-01 19:45:07

标签: javascript reactjs frontend

我正在尝试创建典型的管理应用程序,作为后端的响应,在用户获取期间,我以如下形式获取了一些有关分页的数据:

{
  current_page: 1, 
  per_page: 20,
  last_page: 13, 
  total: 250,
  links: {
    next_page: '...', 
    prev_page: '...'
  }
} 

但在我的应用程序中,我只需要下一个数据:

{
  current_page: 1, 
  per_page: 20,
  last_page: 13, 
} 

创建一些用于获取 API 的“服务”文件是否正常,如下所示:

const preparePagination = (pagination) => {
  const { total, links, ...neededData } = pagination
  return neededData
}

const usersService = {
  fetchUsers: async (params) => {
    const res = await api.getUsers(params);
    return {
      users: res.users,
      pagination: preparePagination(res.pagination),
    }
  },
}

0 个答案:

没有答案