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

问题描述 投票:2回答:1

我正在构建react-native app,我使用react-native-firebaseredux-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(...)

我不确定在qazxsw poi处理订阅者的最佳方法是什么。你能告诉我我可以用于将来使用快照(可测试的)的模式吗?

firebase react-native redux redux-saga
1个回答
2
投票

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

redux-saga

每次firebase将更改推送到您的客户端时,这将分派一个动作(由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)) } } 创建)。

您还可以使用像successAction(data)这样的库来自动执行此部件,并使用:

redux-saga-firebase

免责声明:我是function * syncUsers () { yield fork(rsf.firestore.syncCollection, 'users', { successActionCreator: successAction, failureActionCreator: errorAction }) } 的作者。

© www.soinside.com 2019 - 2024. All rights reserved.