firebaseでのyieldを呼び出す方法read API

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

これを回避する方法は、コールバックを約束に変換することです。 redux-sagaはcall effectに渡す約束を解決する方法を知っています。しかし、呼び出しは機能であり、約束ではありません。ドキュメントが

の場合、ミドルウェアはプロミスが解決されるまでジェネレータを中断します。その場合、ジェネレータは解決された値でレジュームされます。プロミスが却下されるまでは、ジェネレータの内部でエラーが発生します。

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}})