javascript - 如何使用 redux-auto 从端点读取到端点

Question

我正在使用 redux-auto 但在 "init" (point 5) 中我想达到两个 Api 端点。该文档不涉及这种情况。

有一个例子

export default function (user, payload, stage, result) {

  switch(stage){
    case 'FULFILLED':
    return ?? result.config + result.userData ??
      break;
    case 'REJECTED':
    console.error("problem loading user from server",result)
      break;
    case 'PENDING':
    default :
      break;
  }
  return user;
}

export function action (payload){
  var endpoints = ['//localhost:3000/api/users/507f191e810c19729de860ea',
         'https://api.mysite.com/users/settings/8B76YUTBI']

  return fetch( ? )
}

当只需要 1 个 promise 时，如何调用两个端点？

我正在使用他们从 API 加载用户的示例 https://github.com/codemeasandwich/redux-auto/tree/master/example

感谢您的帮助

Answer 1

您需要在操作函数中处理每次获取。如果您有一个 url 数组，则可以使用 map转换每个以获取调用。

export function action (payload){
  var endpoints = ['//localhost:3000/api/users/507f191e810c19729de860ea',
     'https://api.mysite.com/users/settings/8B76YUTBI']

 return  Promise.all(endpoints.map(url => fetch(url).then(resp => resp.json())))
            .then(([userData,config])=>({userData,config}))

}

上面的代码是

1. 映射端点字符串以创建 Ajax 调用
2. 对每次获取的结果调用 json
3. 然后使用 Promise.all 合并所有响应
4. 将数组析构为 2 个变量
5. 返回具有 2 个属性的新对象

结果在你的reduce函数中现在将有userData，config