Question

我正在尝试在我的Firebase集合中收集一些信息并添加mui-datatable。如何将数据信息动态添加到表中？

let info = {
      name: 'Leonard',
      age: 23,
      city: 'TESTE',
      state: 'TS',
      e_mail: 'teste@teste.com'
    }
//function that reads the infos in my firebase
ReadFromDb(doc => info.ciy = doc.data().City) 
let counter = 0;
function createData(name, age, city, state, mail) {
    counter += 1;
    return { id: counter, name, age, city, state, mail};
}   
let data = [
       createData(info.name, info.age, info.city, info.state, info.e_mail),
     ];

我希望ReadFromDb函数运行后可以更改数据。

Answer 1

创建一个state.name（它是一个数组）。添加函数componentWillMount（）并从我的Firebase收集数据，并连接在state.name中收集的所有名称。在我的渲染器中，使用了来自this.state的名称，并创建了一个while循环，该循环比较了我的数组的大小，并将创建列的函数放入了let数据（也是一个数组）中。

middle

来自mui-datatable的动态数据

1 个答案: