Question

我正在构建react-native app，我使用react-native-firebase和redux-saga。这是我使用redux-saga的第一个项目，因此我正在学习。到目前为止，我使用以下方法对用户进行了身份验证：

import firebase from 'react-native-firebase';

function* loginEmlPwdSaga(action) {
  try {
    const auth = firebase.auth();
    const data = yield call(
      [auth, auth.signInAndRetrieveDataWithEmailAndPassword],
      action.email,
      action.password,
    );
    yield put(loginSuccess(data));
  } catch (error) {
    yield put(loginFail(error));
  }
}

然而，现在我陷入困境，我想订阅该集合。在react-native-firebase我会使用以下内容：

firebase.firestore().collection('users').onSnapshot(...)

我不确定在redux-saga处理订阅的最佳方法是什么。你能告诉我一下我可以用于onSnapshots（可测试的）的未来使用模式吗？

Answer 1

使用redux-saga订阅firestore集合的最简单方法是使用频道：

function * syncUsers () {
  const ref = app.firestore().collection('users')
  const channel = eventChannel(emit => ref.onSnapshot(emit))

  try {
    while (true) {
      const data = yield take(channel)
      yield put(successAction(data))
    }
  } catch (err) {
    yield put(errorAction(err))
  }
}

每次firebase将更改推送到您的客户端时，都会调度一个操作（由successAction(data)创建）。

您还可以使用redux-saga-firebase之类的库自动执行此部件，只需使用：

function * syncUsers () {
  yield fork(rsf.firestore.syncCollection, 'users', {
    successActionCreator: successAction,
    failureActionCreator: errorAction
  })
}

免责声明：我是redux-saga-firebase的作者。

连接firebase和redux-sagas的正确方法是什么？

1 个答案: