处理程序不是使用来自 redux-saga 的 eventChannel 的函数

Question

我正在尝试使用来自 redux saga 的 eventChannel 来监听网络状态，如下所示：

import {put, take} from 'redux-saga/effects';
import {eventChannel} from 'redux-saga';
import NetInfo from '@react-native-community/netinfo';

export function* startWatchingNetworkConnectivity() {
  const channel = eventChannel((emitter) => {
    NetInfo.addEventListener('connectionChange', emitter);
    return () => NetInfo.removeEventListener('connectionChange', emitter);
  });

  try {
    while (true) {
      const isConnected = yield take(channel);

      if (isConnected) {
        yield put({type: 'ONLINE'});
      } else {
        yield put({type: 'OFFLINE'});
      }
    }
  } finally {
    channel.close();
  }
}

但我收到以下错误 TypeError: handler is not a function in const isConnected = yield take(channel);

我从here得到这个想法

Answer 1

我刚刚遇到了问题

你需要像这样调用事件监听器：

  const channel = eventChannel((emitter) => {
    const unsubcribe = NetInfo.addEventListener((state) =>
      emitter(state.isConnected),
    );
    return () => unsubcribe();
  });