我正在嘗試通過嘗試將此代碼轉換為它來學習如何使用異步等待。有人可以指導我完成它嗎？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 這樣的鉤子