react-native - 当某个 Action 发生时如何关闭 eventChannel

Question

我有一个 eventChannel 用于监听 webSockets，这工作正常。

我还想监听 USER_LOGGED_OUT 操作并关闭 channel 。

如果出现套接字错误或套接字关闭，我将通过发出 END 从 channel 内关闭 channel ，但如何根据外部操作执行此操作？

这是 channel 循环:

export function* websocketWatcher() {
  const tokenResponse = yield take(RECEIVE_USER_TOKEN);
  const accessToken = tokenResponse.payload.data.access_token;

  const channel = yield call(createWebsocketChannel, accessToken);
  try {
    while (true) {
      const action = yield take(channel);
      yield put(action);
    }
  } finally {
    console.log('Websocket channel terminated');
  }
}

Answer 1

我自己回答这个问题..

我刚刚在文档中找到了channel.close()。不知道我怎么错过了。我通过 channel (传入套接字数据)和注销操作之间的竞争解决了这个问题。

export function* websocketWatcher() {
  const tokenResponse = yield take(RECEIVE_USER_TOKEN);
  const accessToken = tokenResponse.payload.data.access_token;

  const channel = yield call(createWebsocketChannel, accessToken);
  try {
    while (true) {
      const { logoutAction, socketAction } = yield race({
        logoutAction: take(USER_LOGGED_OUT),
        socketAction: take(channel)
      });

      if (logoutAction) {
        channel.close();
      } else {
        yield put(socketAction);
      }
    }
  } finally {
    console.log('Websocket channel terminated');
  }
}