javascript - 与 firebase react native 平面列表

标签 javascript firebase react-native react-native-flatlist

渲染:

<FlatList
    data={this.state.data}
    renderItem={({ item }) => 
    <Text style={styles.item}>{item.key}</Text>}
/>

我的方法:

displayCollectionUser().then((collection) => {
    this.setState({
        data: Object.values(collection)
    });
    console.log("this.state.data");
    console.log(this.state.data);
});

问题: child 不显示 enter image description here

enter image description here

最佳答案

您好,您来自 FlatListdata 必须是 Array。您的响应是一个对象

this.state.data 必须是一个数组。您可以将响应更改为数组,或将对象属性移动到数组。 只需使用这个:

this.setState({
  data: Object.values(collection)
})

关于javascript - 与 firebase react native 平面列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53395103/

相关文章:

node.js - 将 Socket.io 与 React Native 一起使用但无法正常工作

javascript - 如何将js脚本从html连接到Django静态

java - 使用 jSTL 标签时 <c :if inside javascript i get error

ios - FIRAnalyticsConnector.framework/FIRAnalyticsConnector' 用于 Mac Catalyst 架构 x86_64 构建

javascript - firebase.update() 导致 nodejs 服务器崩溃 : Can't set headers after they are sent

android - 如何调用React Native MapView中的方法?

javascript - 访问回调函数内的局部变量

javascript - 删除具有特定类名的元素(使用 javascript)?

firebase - 在 React Native 中启用 Firebase debugView 事件

reactjs - 在 React Native 中使用 React-Admin 创建隐藏 ID 字段