如何将此代码转换为 async wait 语法？（反应本机）

Question

我正在尝试通过尝试将此代码转换为它来学习如何使用异步等待。有人可以指导我完成它吗？const fetchWeather = () => {    fetch(      "https://samples.openweathermap.org/data/2.5/weather?q=London,uk&appid=***"    )      .then((res) => res.json())      .then((json) => {        setData({ data: json });        setTemp({ temp: (json.main.temp - 273.15).toFixed(2) + " C" });        setCityDisplay({ cityDisplay: json.name });        setIcon({ icon: json.weather[0].icon });        setMain({ main: json.weather[0].main });        setHumidity({ humidity: json.main.humidity + " %" });        setPressure({ pressure: json.main.pressure + " hPa" });        setVisibility({          visibility: (json.visibility / 1000).toFixed(2) + " km",        });      })      .catch((err) => console.warn(err));  };到目前为止我有这个：async function fetchWeatherr() {    try {      const response = (        await fetch(          "https://samples.openweathermap.org/data/2.5/weather?q=London,uk&appid=***"        )      ).json();    } catch (err) {      console.warn("error");    }  }但我不确定是否应该使用像 useEffect 这样的钩子

Answer 1

你可以这样做

async function fetchWeatherr() {

  try {

    const response = await fetch(

      'https://samples.openweathermap.org/data/2.5/weather?q=London,uk&appid=***'

    );

    const json = await response.json();

    setData({ data: json });

    setTemp({ temp: (json.main.temp - 273.15).toFixed(2) + ' C' });

    setCityDisplay({ cityDisplay: json.name });

    setIcon({ icon: json.weather[0].icon });

    setMain({ main: json.weather[0].main });

    setHumidity({ humidity: json.main.humidity + ' %' });

    setPressure({ pressure: json.main.pressure + ' hPa' });

    setVisibility({

      visibility: (json.visibility / 1000).toFixed(2) + ' km',

    });

  } catch (err) {

    console.warn('error');

  }

}