问题标签 [react-animated-weather]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 React 的天气应用程序:将自定义纬度/经度输入 API 请求时出现问题
我已经成功构建了应用程序来显示洛杉矶八天的天气预报。我的下一个任务是更改 API 请求的经度和纬度。为此,我创建了两个输入字段,用户可以在其中输入 long/lat,然后对其进行格式化并将其作为要添加到 API 请求中的道具传递。
主要可能是状态似乎未定义并且没有通过道具。当我输入字段时也会收到此警告:
我得到的控制台错误
组件正在将文本类型的受控输入更改为不受控制。输入元素不应从受控切换到不受控(反之亦然)。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。
天气视图.js:
天气卡.js:
这是我第一次用 React 做这么大的事情,所以任何帮助都将不胜感激。
javascript - Weather App React 只需单击三下即可更新状态并传递道具
对于我的天气应用程序,目标是让用户输入纬度和经度并查看八天的预报。它有效,但我必须单击提交三次才能正确获取数据。
目前正在努力确保 API 仅在用户单击提交时调用。不确定我是否需要 onclick 和 onsubmit,但这似乎是每次用户键入内容时 API fetch 不调用的唯一方法。
weatherView:用户输入信息并将其作为道具发送的位置。
天气卡: