我已经开发了一个从 openweathermap.org 获取天气数据的应用程序。该应用程序是使用 redux 和 redux-saga 构建的。现在我必须使用“Unstated”而不是 Redux 来重做状态管理。
WeatherContainer.js 类处理状态:
class WeatherContainer extends Container {
state = { weather: [] };
setWeatherData = (weather) => {
this.setState({ ...this.state, weather });
};
}
从 API 端点获取数据的 axios 请求。
axios.get(process.env.REACT_APP_BASE_URL, {
params: {
id: cityIds,
units: "metric",
appid: process.env.REACT_APP_API_KEY,
},
});
我想将从 axios 接收到的数据存储在 WeatherContainer 中的 state.weather 变量中,然后可以在需要时使用 .