Reagovat Tab není načítání dat. datatables Reactjs

hlasů
0

Já používám reagovat a firebase dohromady. A mají tři záložky s tabulkou v nich.

Jsem načítání dat z firebase na načtení stránky a její uvedení do násobku tabs. Ale vždy na prvním místě karta nenačte data. Když kliknu na 2. nebo 3. záložce zobrazuje data. A později, když jsem klikněte na 1. záložku, pak se zobrazí data.

Říká No data available in table

Ale v konzoli se zobrazí údaje , které mají být předány v 1. kartě

 <div className=page-content>
  {this.state.status ?
    <Tabs activeKey={this.state.key} onSelect={this.handleSelect} id=controlled-tab-example>
        <Tab eventKey={1} title=All>

            <div className=table-container>
              {console.log(SENDING ALL PAYMENTS TO TABLE ONE;;;;;+allPayments)}
              <Paymenttable allPayments={allPayments} keyword='all' />
            </div>
        </Tab>
        <Tab eventKey={2} title=New Joiners>
          <div className=table-container>
            {console.log(SENDING ALL PAYMENTS TO TABLE TWO;;;;;+allPayments)}
            <Paymenttable allPayments={allPayments} keyword='joiners' />
          </div>
        </Tab>
        <Tab eventKey={3} title=Commented>
          <div className=table-container>
            <Paymenttable allPayments={allPayments} keyword='flagged' />
          </div>

        </Tab>
    </Tabs>

    : 
  } 

</div>

Výstup konzola:

Zaslání všech plateb, které mají jednu tabulku o ;;;;; [object Object], [object Object], [object Object]

Zaslání všech plateb, které mají tabulce II ;;;;; [object Object], [object Object], [object Object]

Zde je firebase kód

db.collection(batches).doc(recentBatchId).collection('data').get().then(function(querySnapshot){
  querySnapshot.forEach(doc => {
     console.log(doc.data());
     var docData = doc.data();
     docData['id'] = doc.id;

      db.collection('users').where(mobile_no, '==', docData.mobile).get().then(function(userSnapshot){
        userSnapshot.forEach(userDoc => {
          docData['userId'] = userDoc.id;
          docData['userName'] = userDoc.data().name;
          docData['profile_picture'] = userDoc.data().profile_picture;
          allPayments.push(docData);
        })
      })

  });
   thisclass.setState({status: true});
}).catch(err => {
   console.log('Error getting documents', err);
});
Položena 18/10/2017 v 14:09
uživatelem
V jiných jazycích...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more