微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Weather 应用程序在线时不获取数据

如何解决React Weather 应用程序在线时不获取数据

我正在尝试学习 React 并尝试制作一个简单的 React 应用程序。它有一些我无法修复的错误,比如让天气数据提交按钮需要点击两次。至少,当我在本地点击两次时,我得到了天气:)。当我上传 netlify 以部署 https://myweatherapp12.netlify.app 时,主要问题就开始了,如果您想检查它,这是链接。当我提交表单时,它不会从天气 API 获取数据。 我添加了处理 onSubmit 的代码。感谢您的帮助..

function updateInput(event) {
    event.preventDefault();
    setcity1(city);
    setcountry1(country);
     const API_KEY = "49354479869ae18d7dfbe48bbd9eced7";
    fetch(`http://api.openweathermap.org/data/2.5/weather?q=${city1},$Turkey&appid=${API_KEY}`).then((res) => { if (res.status >= 200 && res.status < 299) { return res.json() } else { sethata(true) }}).then((data) => setweatherResponse(data));
    
    setgoster(true);
    console.log(city1);
    console.log(country1)
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。