我有两个API呼叫第二是取决于第一个API呼叫响应

Question

我想首先从地理定位 API 获取坐标，然后借助从第一个 API 调用获取的坐标获取天气状况。

   const { data: cords } = useQuery("cords", () => {
    navigator.geolocation.getCurrentPosition((position) => {
    });
   });

  const { isLoading, isError, error, data } = useQuery(["weather"], () => {
    return axios.get(
      `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=myapikey`
    );
  });

Answer 1

对于第二个查询，您必须使用启用 用于依赖的操作员查询。

您可以执行启用：!! CORDS，因此在有cords时将执行。

编辑：

在您的情况下，这是这样的：

  const { isLoading, isError, error, data } = useQuery(["weather"], () => {
    return (
      axios.get(
        `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=myapikey`
      ),
      {
        enabled: !!cords,
      }
    );
  });

这样，只有在cords具有值时，第二个查询才会触发，并且每次都会发射cords值，它已更新已更新。