javascript - 与 firebase react native 平面列表

Question

渲染:

<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 不显示

Answer 1

您好，您来自 FlatList 的 data 必须是 Array。您的响应是一个对象。

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

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