2017-04-27 8 views
0

私は私のコード、私は単にコードを短縮する措置を含めていないよ、フラックスを使用して反応させることfirebaseリアルタイムデータベースに接続しようとしている:Firebaseからのフローデータを作成して反応させる方法は?

// in React parent component 
componentDidMount() { 
    // connecting to firebase when component completely mounted 
    rootRef.child('nodes').on('value', snap => { 
     // passing snap to Store and emiting changes 
     Store.inject(snap) 
    }) 
    Store.on('connect', this.listenDatabase) 
} 

listenDatabase() { 
    this.setState({ 
     dataReceived: true, 
     rootData: Store.getRootData() 
    }) 
} 


// in Store.js 
inject(snap) { 
    const data = snap.val(); 
    // do something with data 
    // ... 
    this.result = /* some data turned into array or object */ 
    this.emit('connect') 
} 

私のコードは動作しますが、質問はこのフローであります良い練習ですか?

答えて

0

あなたは、私はそれを知っているgetRootData機能に

// in Store.js 
    inject(snap) { 
    const data = snap.val(); // do something with data // ... this.result = /* some data turned into array or object */ this.emit('connect') 

    getRootData(){ 
     return this.result 
    } 
+0

を書くためにあなたの答えに感謝する必要があります。 – Robin

関連する問題