小编Gra*_*ant的帖子

使用 Next.js 动态路由时，我尝试使用路由查询对象发出 SWR 获取请求，但在设置查询对象之前调用了我的 SWR 获取请求。

考虑到动态路由/posts/[id]，请考虑页面/posts/123。

import { useRouter } from 'next/router';
import useSWR from 'swr';

export default function MyPage() {
  const router = useRouter();
  const { id } = router.query;

  const url = `https://my.api.com/posts/${id}`    // I've also tried using let here
  const { data, error } = useSWR(url, fetcher);
  
  console.log(url)

该 URL 最初被控制台记录为，https://my.api.com/posts/undefined并且从 API 返回错误，因为https://my.api.com/posts/undefined它当然不是有效的路径。

紧接着，URL 控制台会正确记录，https://my.api.com/posts/123并且页面上的数据通常会填充，但有时数据不会填充并且卡在“正在加载”状态。当我对 URL 进行硬编码时，这种情况永远不会发生。

我在这里做错了什么吗？为什么查询对象不能立即可用？有没有办法优雅地等待它被设置？

问题

即使应用程序不再处于前台（例如，用户已切换到另一个应用程序或切换到主屏幕并锁定了他们的手机），我也希望能够跟踪用户的位置。

用例是用户跟踪跑步。他们可以打开应用程序并在运行开始时按“开始”，然后切换或最小化应用程序（按主页按钮）并锁定屏幕。在跑步结束时，他们可以将应用程序带到前台并按“停止”，应用程序会告诉他们跑步的距离。

题

是否可以使用纯 React Native 在 iOS 和 Android 上跟踪后台地理定位？

关于地理定位的 react native 文档（https://facebook.github.io/react-native/docs/geolocation）不是很清楚或详细。上面的文档链接没有提到 iOS 上的背景地理定位（没有完全清楚），但没有提到 Android。

我最好使用 Expo 吗？