我有这个

const weather =[]
const fetchFunction = async (event) => {
        event.preventDefault();

        try {
            const response = await (await fetch(
                `https://api.geoapify.com/v1/geocode/search?city=${details.city}&state=${details.state}&format=json&apiKey=27a84d7b0c1b4d52b41acc3e82bbe239`
            )).json();

            const weatherRes = await (await fetch(

                `https://api.tomorrow.io/v4/timelines?location=${response.results[0].lat},${response.results[0].lon}&fields=temperature&timesteps=1h&units=metric&apikey=OkVwrGemAXddKs3T0ruKtK4mPeYEemYy`
            )).json()
                .then(weather.push(weatherRes))
        } catch (error) {
            console.log('eerr', error);
        }
        console.log(weather)
        return weather
    };

但是当我控制台记录天气变量时，它显示为一个空数组。当fetchFunction处于活动状态时，信息只在数组中吗？我也尝试将天气变量导出到其他页面（我使用react）。当我导出函数时，它看起来像这样

<Today fetchFunction={this.fetchFunction}/>

并说它在Today页面上未定义，看起来像这样

import React from'react'
import Home from '../pages/Home'

export default function Today ({fetchFunction}) {

    const weather = fetchFunction.weather
    console.log('today', weather)
    return(
        <div>
            {weather.data}
        </div>
    )
}

即使我只导出天气变量，就像这样

<Today fetchFunction={this.weather}/>

它返回为undefined。当我控制台登录函数时，它确实显示了正确的获取响应，但我似乎无法对它做任何事情