使用 axios 通过 promise .then 表示法传递数据

Question

我需要进行三个 Web 服务调用。后两个调用取决于第一个调用的结果。然后我想用所有三个服务器调用的结果来解决我的承诺。想象一下，我想获得一项特定运动的所有球员。使用这些球员，我想拨打电话以获取他们效力的球队的列表，并且我想拨打电话以获取他们参加过的比赛。它看起来像这样：

static doTheThing(sports) {
    return new Promise((resolve, reject) => {
     axios
        .post("http://localhost:8076/getPlayersForSports", sports)
        .then((res1) => {
          const playerNames = res1.data.map(player => player.name);
          return(axios.all([
            axios.post("http://localhost:8076/getTeams", playerNames),
            axios.post("http://localhost:8076/getGames", playerNames),
          ]));
        }).then(axios.spread((res2, res3) => {
          resolve( 
            res1.data
            res2.data, 
            res3.data)
        }))
        .catch((err)=> {
          reject(err);
        })
    })
  }

我已经走到这一步了。我可以得到一个通过的运动列表的球员列表。我可以从每个播放器对象中获取名称并使用它来调用其他两个 Web 服务（我已经确认在 chrome 开发控制台中返回是正确的）。这就是我卡住的地方。我正在使用 axios.all() 链接后两个命令，然后使用 axios.spread() ，正如我在其他一些响应中看到的那样。我不知道如何通过链传递 res1，以便我可以解决所有三个数据集。

Answer 1

为什么不用firstRes 将它保存在函数内但在承诺链之外的变量中：

static doTheThing(sports) {
    let firstRes;

    return new Promise((resolve, reject) => {
     axios
        .post("http://localhost:8076/getPlayersForSports", sports)
        .then((res1) => {
          const playerNames = res1.data.map(player => player.name);
          firstRes = res1;
          return(axios.all([
            axios.post("http://localhost:8076/getTeams", playerNames),
            axios.post("http://localhost:8076/getGames", playerNames),
          ]));
        }).then(axios.spread((res2, res3) => {
          resolve( 
            firstRes
            res2.data, 
            res3.data)
        }))
        .catch((err)=> {
          reject(err);
        })
    })
  }