これは、API の axios 呼び出し用に私が持っているコードです。これを fetch() 関数に移行する必要があります。
handleClick = e => {
axios
.post(
"https://api.openweathermap.org/data/2.5/weather?q=" +
this.state.term +
"&units=metric&appid=" +
API_KEY
)
.then(res => {
this.setState({
city_name: res.data.name,
temp: res.data.main.temp,
humidty: res.data.main.humidity,
wind: res.data.wind.speed,
weather_status: res.data.weather[0].main,
weather_desc: res.data.weather[0].description,
weather_icon: res.data.weather[0].icon
});
})//error logging
.catch(error => {
console.log(error);
});
};
render() {
return (
<div className="container">
<h1 className="header">Task 14 - Level 2</h1>
<Form onChange={this.handleChange} onClick={this.handleClick} />
<WeatherApp data={this.state} />
<div className="img"></div>
</div>
);
}
}
axios 呼び出しを fetch() 関数に変更するにはどうすればよいですか?