React/Redux：调用API的方法中如何返回两个对象？

嘿，完全不需要额外创建新方法！直接修改你现有调用API的方法返回值就可以搞定，给你两种常用的实现方式：

方式一：返回包含两个字段的对象 #

这是最直观的做法，把response.data和response.extra打包成一个对象返回：

// 假设你原来的代码是这样的
async function fetchApiData() {
  const response = await yourApiCall(); // 你的API调用逻辑
  return response.data; // 原来只返回data
}

// 修改后
async function fetchApiData() {
  const response = await yourApiCall();
  // 返回一个包含data和extra的对象
  return {
    data: response.data,
    extra: response.extra
  };
}

调用的时候可以用解构赋值轻松拿到两个值：

const { data, extra } = await fetchApiData();
// 之后就可以分别使用data和extra了

方式二：返回数组（适合更简洁的场景） #

如果觉得对象写法有点繁琐，也可以返回一个数组，把data和extra按顺序放进去：

async function fetchApiData() {
  const response = await yourApiCall();
  return [response.data, response.extra];
}

调用时同样用解构：

const [data, extra] = await fetchApiData();

要不要新建方法？ #

除非你需要保留原来只返回data的方法（比如其他地方还在依赖这个返回值），否则完全没必要新建方法。如果确实需要兼容旧代码，那可以新建一个类似fetchApiDataWithExtra()的方法，把上面的逻辑放到新方法里，旧方法保持不变。

内容的提问来源于stack exchange，提问作者Algorithmic Programmer