React函数组件中设全局状态仍重复调用API的问题

1. 异步请求与状态更新的时序错位 #

API请求是异步操作，调用saveReferralsInstalls()后，并不会立刻更新referralUserSaved状态，必须等接口响应返回后才会执行setState({ referralUserSaved: true })。在这个等待的时间窗口内，只要依赖数组中的任意一项（比如deviceInfo、androidId）发生变化，useEffect就会再次触发，此时referralUserSaved仍为false，条件判断!referralUserSaved依然成立，就会再次发起API请求。

2. 依赖项的频繁变更触发重复执行 #

你设置的依赖项[deviceInfo, referralCode, broadcastSubscribed, androidId, ipAddress]中，多个值可能在组件挂载初期多次更新：

• 比如deviceInfo可能是异步获取的设备信息，会经历从空值到完整数据的变化过程；
• broadcastSubscribed可能是广播订阅状态的切换，短时间内多次触发状态更新；
  这些变化都会导致useEffect反复执行，而此时异步请求还未完成，状态锁还未生效，最终造成重复调用。

3. 引用类型依赖的浅比较陷阱 #

如果deviceInfo是对象/数组类型，React对useEffect依赖的比较是浅比较：哪怕对象的内容完全没变，但只要每次获取时返回了新的对象引用（比如每次调用设备信息接口都生成新对象），React就会判定依赖项发生变化，触发useEffect重新执行，进而再次进入API调用逻辑。

4. 全局状态的更新同步延迟 #

如果referralUserSaved是全局状态（比如Context或Redux管理），状态更新后组件获取到最新值存在一定延迟。当依赖项变化触发useEffect时，组件可能还没拿到更新后的referralUserSaved，导致条件判断依然通过，重复发起请求。

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