问React API & Axios:在Axios中异步进行链式useEffect调用

EN

useEffect(() => {
    axios.get(`https://statsapi.web.nhl.com/api/v1/standings/byConference`)
      .then(res => {
        // 0th element is Eastern Conference leader, 1th is Western Conference Leader
        let teamEndpoint = [Object.values(res.data.records).map((x) => x.teamRecords[0].team.link)];

        // Eastern Conference team API endpoint
        let eastern = teamEndpoint[0];

        // Western Conference team API endpoint
        let western = teamEndpoint[1];

        // Get Eastern Conference Leader team's name
        axios.get(`https://statsapi.web.nhl.com${eastern}/`)
          .then(res => {
            setEasternConferenceLeader(res.data.teams[0].teamName);
          })
          .catch(err => {
            console.log('Error retrieving Eastern Conference Team data : ' + err);
          });
        // Get Eastern Conference Leader team's name
        axios.get(`https://statsapi.web.nhl.com${western}/`)
        .then(res => {
          setWesternConferenceLeader(res.data.teams[0].teamName);
        })
        .catch(err => {
          console.log('Error retrieving Western Conference Team data : ' + err);
        });
      })
  }, []);