javascript - 如何在 Javascript React Native 中映射 firebase 结果

Question

这是我的 firebase 获取函数，我将其存储到 inboxMessages 变量中。

inboxMessageFetch(mobileNumber) {
            return firebase.database().ref(`${mobileNumber}/inbox`)
                .on('value', snapshot => {
                    console.log('FB', snapshot.val());
                    this.inboxMessages = snapshot.val();
                });
    }

以下是从 Firebase 服务器收到的 Firebase 结果。

Array [
  undefined,
  Object {
    "from": "Joseph's",
    "fromId": 123456,
    "message": "Hello this is important!",
    "time": "10:20AM",
  },
  Object {
    "from": "Anglo",
    "fromId": 123,
    "message": "This message is a test message",
    "time": "10:30PM",
  },
]

我使用 getter 函数来获取 inboxMessages 值，即 getInboxMessages。

我想在 ListView 中显示结果

<List>
          {
            this.props.inboxStore.getInboxMessages.map((l, i) => (
              <ListItem
                key={i}
                leftIcon={{ name: 'user-circle-o', type: 'font-awesome', style: {color: 'blue'} }}
                title={l.from}
                titleStyle={{color: 'red'}}
                subtitle={l.message}
                rightTitle='11:00am'
                rightTitleStyle={{color: 'green'}}
              />
            ))
          }
        </List>

我收到以下错误。

Answer 1

更改数据库数据的处理方式:

this.inboxMessages = snapshot.val();

致:

this.inboxMessages = snapshot.val().filter(v => v);

这将消除任何虚假值，例如 undefined，并且您不会收到此类错误。