<p>Ich möchte meiner React-Anwendung ein Wetter-Widget hinzufügen und versuche, die React-Open-Weather-Bibliothek zu verwenden. Aber die Funktion zum Abrufen der Daten <code>useOpenWeather()</code> gibt immer <code>401</code> zurück, was ich bestätigt habe, indem ich es in die in der React-Open-Weather-Dokumentation angegebene URL eingefügt habe -key ist gültig. Aber ich weiß nicht, was los ist. </p> <blockquote> <p>Fehler: GET http://api.openweathermap.org/data/2.5/onecall?appid=dc5807427c5379fdd34b63326ad4eb54&lang=en&units=metric&lat=48.137154&lon=11.576124 401 (nicht autorisiert)< / p> </blockquote> <p><strong>Mein Code</strong></p> <pre class="brush:php;toolbar:false;">import React from 'react' import ReactWeather, { useOpenWeather } from 'react-open-weather'; const Weather = (props) => const { data, isLoading, errorMessage } = useOpenWeather({ Schlüssel: 'dc5807427c5379fdd34b63326ad4eb54', Breitengrad: '48.137154', Länge: '11.576124', lang: 'en', Einheit: 'metrisch', // Werte sind (metrisch, Standard, imperial) }); zurückkehren ( <div> <ReactWeather isLoading={isLoading} errorMessage={errorMessage} data={data} lang="en" locationLabel="München" UnitsLabels={{ Temperatur: 'C', Windgeschwindigkeit: 'Km/h' }} showForecast /> </div> ) } Standardwetter exportieren</pre> <p>Ich habe versucht, die React-Open-Weather-Bibliothek neu zu installieren, aber das Problem ist immer noch nicht behoben. </p> <p>Die URL, die ich zur Bestätigung meines API-Schlüssels verwende: http://api.openweathermap.org/data/2.5/forecast?id=524901&appid=dc5807427c5379fdd34b63326ad4eb54</p>

https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}