javascript - 如何使用 Mobx / Firebase 更新 Material-UI 表

Question

我需要使用从 Firebase 获取的 MobX 存储更新 Material-UI 表。到目前为止，该表使用 Firebase 数据更新了“符号”列，但其他列是通用的。

let id = 0;
function createData(symbol, date, cost, quote, pl) {
  id += 1;
  console.log(symbol, date, cost, quote, pl)
  return { id, symbol, date, cost, quote, pl };
}

var returnArr = [];
export function getOpenTrades(user){
  db.ref('/users/' +user+ '/mocktrades/holdings/').once("value", function(snapshot) {
    snapshot.forEach(function(childSnapshot) {
      console.log('childSnapshot',childSnapshot.val()) //   <----------- shown below 
      let newData = createData(childSnapshot.key, '01012001', 0.01, 100, 100-0.01)
      returnArr.push(newData);
    })
  })
  console.log('returnArr',returnArr)
  return(
      returnArr
  )
}

请帮我直接访问 dateOpened、priceOpened 和数量。如您所见，该符号是用 childSnapshot.key 引用的。这其他三个项目在推送中；我们可以使用类似 .next() ... 的方式访问该推送 ID，而不必知道推送 ID 是什么？

标签： javascriptreactjsfirebase-realtime-databasemobx

Answer 1

尝试 createData(childSnapshot.key, childSnapshot.dateOpened, childSnapshot.priceOpened childSnapshot.quantity);