React Native中Geolocation.watchPosition回调无法获取更新后Redux状态

这个问题本质是JavaScript的闭包捕获特性导致的：

• 你在组件首次渲染（或某一次渲染）中注册Geolocation.watchPosition的回调时，回调函数会捕获当前渲染上下文里的所有变量，包括你从Redux里取到的isNavigating、route、instructions
• 后续Redux状态更新触发组件重渲染时，之前已经注册的watch回调不会被自动替换，始终保留着最初捕获的变量值，所以打印出来永远是初始值

你目前采用的「本地状态中转+useEffect监听」的方案是完全可行的，利用了useEffect依赖更新时总能拿到最新全局状态的特性，很好地规避了闭包旧值问题。

• 方案1：用useRef存储最新的Redux状态
  你可以把需要在watch回调里访问的Redux值同步存到ref中，ref的current属性是可修改的，更新后所有位置访问都能拿到最新值：

// 从Redux获取状态
const isNavigating = useSelector(state => state.app.isNavigating)
const route = useSelector(state => state.app.route)
const instructions = useSelector(state => state.app.instructions)

// 声明ref同步最新状态
const latestStoreRef = useRef({
  isNavigating,
  route,
  instructions
})

// 状态更新时同步刷新ref值
useEffect(() => {
  latestStoreRef.current = {
    isNavigating,
    route,
    instructions
  }
}, [isNavigating, route, instructions])

// 回调内直接访问ref即可拿到最新值
const watch = Geolocation.watchPosition(
  (position) => {
    const { isNavigating, route, instructions } = latestStoreRef.current
    console.log(isNavigating)
    console.log(route)
    console.log(instructions)
    watchPositionCallback(position.coords)
  },
  (error) => {
    console.log(error.code, error.message)
  },
  { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000, distanceFilter: 1, fastestInterval: 100, interval: 200 }
)

• 方案2：状态更新时重新注册watch回调
  把需要在回调里用到的Redux值作为依赖，放到注册watch的useEffect依赖数组中，状态更新时先清除旧的watch实例，再注册新的回调：

useEffect(() => {
  const watch = Geolocation.watchPosition(
    (position) => {
      // 此处的isNavigating等变量永远是依赖更新后的最新值
      console.log(isNavigating)
      console.log(route)
      console.log(instructions)
      watchPositionCallback(position.coords)
    },
    (error) => {
      console.log(error.code, error.message)
    },
    { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000, distanceFilter: 1, fastestInterval: 100, interval: 200 }
  )
  // 组件卸载/依赖更新时清除旧的watch实例
  return () => Geolocation.clearWatch(watch)
}, [isNavigating, route, instructions])

该方案适合依赖的Redux状态更新频率不高的场景，频繁重新注册定位监听会有轻微性能开销。

内容的提问来源于stack exchange，提问作者Alex Svensson