如何在Reducer或自定义函数中使用NetInfo解决Hook报错

报错Error: Invalid hook call. Hooks can only be called inside of the body of a function component的根源是React Hook 调用规则限制：

• useNetInfo是React Hook，仅允许在React函数组件顶层、自定义Hook顶层调用
• TaskManager.defineTask注册的后台回调、普通工具函数sync()都运行在React组件树上下文之外，不满足Hook的运行环境要求，必然触发规则报错。

方案1：替换为NetInfo的非Hook异步API（最适配后台任务场景） #

@react-native-community/netinfo本身提供了不需要Hook支持的异步查询方法，完全可以在普通JS函数、后台任务中直接调用，不依赖React组件上下文。
修改sync.js代码如下：

// 导入默认导出的NetInfo实例，而非useNetInfo Hook
import NetInfo from "@react-native-community/netinfo";

export async function sync () {
    // 调用fetch方法异步获取当前网络状态，无Hook依赖
    const netState = await NetInfo.fetch();
    // 校验网络有效性
    if (!netState.isConnected || !netState.isInternetReachable) {
      console.log('无有效网络连接，跳过本次同步');
      return;
    }

    // 此处编写核心同步逻辑：拉取本地待同步数据、上传服务端、更新本地同步状态
}

同时修改后台任务中的sync()调用，因为sync为异步函数，需要加await等待执行完成再返回任务结果：

TaskManager.defineTask(BACKGROUND_FETCH_TASK, async () => {
    const now = Date.now();
    console.log(`Got background fetch call at date: ${new Date(now).toISOString()}`);
    // 等待同步执行完成
    await sync();
    return BackgroundFetch.BackgroundFetchResult.NewData;
});

方案2：Redux 调用适配（同步逻辑需要读写Redux数据时使用） #

后台任务环境同样无法使用useDispatch、useSelector这类Redux Hook，需要将初始化完成的Redux store实例单独导出，在sync函数中直接调用store方法：

1. 在store创建文件（一般为store/index.js）中导出store实例：

import { configureStore } from '@reduxjs/toolkit';
import rootReducer from './reducers';

// 导出store实例供非组件环境调用
export const store = configureStore({
  reducer: rootReducer
});

// App入口处包裹Provider时直接使用该实例即可

2. 在sync.js中导入store实例，直接读写状态、派发action，无需Hook支持：

import NetInfo from "@react-native-community/netinfo";
import { store } from './store';
import { syncPendingChanges } from './store/syncSlice'; // 自定义同步action

export async function sync () {
    const netState = await NetInfo.fetch();
    if (!netState.isConnected || !netState.isInternetReachable) return;

    // 直接读取store中的待同步队列，替代useSelector
    const pendingChanges = store.getState().sync.pendingQueue;
    if (pendingChanges.length === 0) return;

    // 直接派发同步action，替代useDispatch
    await store.dispatch(syncPendingChanges(pendingChanges));
}

• 代码中配置的minimumInterval: 1不会生效，iOS系统限制后台拉取最小间隔为15分钟，设置小于15分钟的值会被系统自动调整
• 后台任务有严格的时长限制（iOS约30秒，Android约1分钟），同步逻辑不要包含过重操作，避免被系统强制终止
• 若需要更可靠的同步能力，可以搭配网络状态监听，App在前台时实时触发同步，后台fetch仅作为补充兜底

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