使用开放天气的订阅密钥显示天气数据

Question

我正在尝试将天气添加到我的应用程序中，因此安装了一个天气包。

我创建了订阅密钥。我遵循了确切的步骤。

但我仍然收到错误，你能告诉我如何解决它吗？

提供我的代码片段和沙箱

反应包https://github.com/farahat80/react-open-weather#readme

https://codesandbox.io/s/n6ssk7?file=/src/App.js

function App() { 
  const { data2, isLoading, errorMessage } = useOpenWeather({
    key: "<key>",
    lat: "48.137154",
    lon: "11.576124",
    lang: "en",
    unit: "metric" // values are (metric, standard, imperial)
  });

  console.log("data2", data2); // undefined

Answer 1

你的错误是你试图从 useOpenWeather 函数返回的对象中获取 data2，而实际上你要做的是重命名它，试试这个代码

const { data: data2, isLoading, errorMessage } = useOpenWeather({
     key: "API_KEY",
     lat: "48.137154",
     lon: "11.576124",
     lang: "in",
     unit: "metric" // values are (metric, standard, imperial)
   });
   console.log("data2", data2, isLoading, errorMessage);

使用开放天气的订阅密钥显示天气数据

Display weather data using the subscription key of open weather

weather

reactjs