我正在尝试恰当地组织我对openweatherapi的API调用,只是尝试创建一个简单的天气应用程序,当用户输入一个城市时,天气预报就会呈现到页面上。这就是我到目前为止所做的,也试图阻止当按钮被按下时页面刷新的默认操作。我正在使用react。
class App extends Component {
getWeatherData = (userInput, event) => {
event.preventDefault();
axios({
url: "http://openweathermap.org/data/2.5/weather/",
method: "GET",
dataType: "json",
data: {
q: userInput,
API_KEY: "d108038ec889cfe762230283abaa7c7b"
}
}).then(res => {
console.log(res);
this.setState({});
});
};
./Form。js如下所示
class Form extends Component {
render() {
return (
<div>
<form onSubmit={(this.props.getWeather, e)}>
<input type="text" name="city" placeholder="City..." />
<input type="text" name="country" placeholder="Country" />
<button>Get Weather</button>
</form>
</div>
);
}
}
错误:
./src/Form.js
Line 7: 'e' is not defined no-undef
https://stackoverflow.com/questions/56385776
复制相似问题