在第二个 API 中使用来自第一个 API 的信息 - React

Question

大家！

我有一个小问题。我需要获取两个 API：我需要调用第一个，然后在第二个中使用来自第一个的信息。你能帮我解决一下吗？ 这是我当前的代码，但我无法以某种方式获取第一次获取的结果（我可以在控制台和其他东西中看到，所以这不是问题；我只需要从那里获取数据）。

    function App() {
  const [query, setQuery] = useState('');
  const [weather, setWeather] = useState({});


  const search = evt => {
    if (evt.key === "Enter") {
      fetch(`${api.base}forecast?q=${query}&units=metric&APPID=${api.key}`)
        .then(res => res.json())
        .then(result => {
          setWeather(result);
          setQuery('');
          console.log(result);
        })
        .then((result) => {
          const data = fetch(`${api.base}onecall?lat=${result.city.coord.lat}&lon=${result.city.coord.lon}&APPID=${api.key}`)
          console.log(data)
        })
        
    }
  }

Answer 1

您需要在promise 的then 中返回结果，因为它会根据返回值创建一个新的承诺。

const search = evt => {
    if (evt.key === "Enter") {
      fetch(`${api.base}forecast?q=${query}&units=metric&APPID=${api.key}`)
        .then(res => res.json())
        .then(result => {
          setWeather(result);
          setQuery('');
          console.log(result);
          return result; // add return statement 
        })
        .then((result) => {
          const data = fetch(`${api.base}onecall?lat=${result.city.coord.lat}&lon=${result.city.coord.lon}&APPID=${api.key}`)
          data.then((res)=>res.json())
              .then(result=>{
                  console.log(result)
               })
        })
        
    }
  }