如何在 Firebase 读取 API 中调用 yield

Question

我有一个 redux saga API，通过它连接到 firebase 并读取数据记录。

var roomRef = firebase.database().ref('/Users/' + userid + '/rooms')
  var rooms = []
  roomRef.once('value', function (snap) {
    var roomkeys = snap.val()
    for (var roomkey in roomkeys) {
      firebase.database().ref('/Rooms/' + roomkey).once('value', function (item) {
        rooms.push(item.val())
      })
    }
    console.log(rooms)
   --> put({type: 'LOAD_ROOMS', payload: { rooms: rooms}})
  })

由于我的 put 在回调函数中，我不能使用 yield 关键字。如何调度事件以使用新值“房间”更改减速器的状态

Answer 1

解决这个问题的方法是将回调转换为 Promise。 redux-saga 知道如何解决你传递给call effect 的承诺。但是 call 需要一个函数，而不是一个承诺。来自文档：

如果结果是 Promise，中间件将暂停生成器，直到 Promise 被解析，在这种情况下，生成器会以解析后的值恢复。或者直到 Promise 被拒绝，在这种情况下，生成器内部会抛出错误。

var roomRef = firebase.database().ref('/Users/' + userid + '/rooms')
var rooms = yield call(function() {
  return new Promise(function(resolve, reject) {
    roomRef.once('value', function (snap) {
      var rooms = []
      var roomkeys = snap.val()
      for (var roomkey in roomkeys) {
        firebase.database().ref('/Rooms/' + roomkey).once('value', function (item) {
          rooms.push(item.val())
        })
      }
      resolve(rooms)
    })
  })
})
yield put({type: 'LOAD_ROOMS', payload: { rooms: rooms}})