Получить данные из объекта с помощью FireBase - PullRequest
Новая
       22

Получить данные из объекта с помощью FireBase

2 голосов
/ 27 марта 2019

В настоящее время у меня есть объект из базы данных FireBase. Вот так: enter image description here

Я хочу визуализировать эти данные, используя React, сейчас у меня есть: 

return (
   <React.Fragment>
      <StyledMain role="main">
        <Layout currentUser={currentUser}>
          <ListCards currentUser={currentUser} />
            {data.map((item, index) => (
              <Card id={Object.keys(item).toString()} key="c" type="chats">
                <CardContent scrollbar={false}>
                  <Grid columns={`${rem(300)} 1fr`} scrollbar={false}>
                    {Object.keys(item).map(function(key, index) {
                      <Text text={item[key]['type'].toString()} />;
                     })}
                  </Grid>
               </CardContent>
             </Card>
           ))}
        </Layout>
     </StyledMain>
   </React.Fragment>
);

Наличие data, содержащего объект Widgets в Firebase. Моя цель - сделать Card, где id равен erf4553o459g4, а компонент Text будет отображать lists Каков наилучший подход для достижения этой цели? Две map функции звучат немного ненужно.

Функция для получения данных из FireBase: 

const getSingleRefFunction = (ref, callback) => {
  const dataArray = [];

  ref.once('value', snap => {
    dataArray.push(snap.val());
    callback(dataArray);
  });
};
...