Всем привет. Пишу программу погодную на реакте и столкнулся бедой с хуком useState. а именно то что он асинхронен и дату которую я должен получить в state получается на первый клик сабмита null а на второй уже отрабатывает норм. Я написал некоторые функции и вызываю их в главной функции. Код немного сокращу чтобы не было лишней воды
const useForecast = () => {
const [forecast, setForecast] = useState(null);
// функция где я меняю state
const gatherForecastData = async data => {
const currentDay = await getCurrentDayForecast(data.consolidated_weather[0], data.title);
const currentDayDetails = await getCurrentDayDetailedForecast(data.consolidated_weather[0]);
await setForecast({ currentDay, currentDayDetails});
setLoading(false);
};
// главная функция где вызываются другие функции
const submitRequest = async location => {
setLoading(true);
setError(false);
const response = await getWoeid(location);
if (!response?.woeid) return;
const data = await getForecastData(response.woeid);
if (!data) return;
gatherForecastData(data);
console.log(data);
// эта дата которая идет с api отрабатывает нормально
console.log(forecast);
// эта же дата только которая должна быть в state выдает null
};
Как тут избавиться от этой ошибки?
forecast = null
пользуйте useEffect на верхнем уровне (вне функций)