React Native / Flatlist keyExtractor

时间:2017-09-28 08:39:52

标签: react-native

我正在尝试使用这个json数组作为我的Flatlist的输入(这是我的Realm查询的输出):

[
    {
        "0": {
            "id": "Id 1",
            "title": "Title 1",
            "body": "Body 1"
        },
        "1": {
            "id": "Id 2",
            "title": "Title 2",
            "body": "Body 2"
        }
    }
]

我的问题是我不知道如何设置keyExtractor并显示每个项目的标题和正文。我的json数组的第一个节点在每个子节点都会发生变化:0然后是1然后是2,而我在互联网上的任何其他示例中都没有看到这种情况。

<FlatList
    data={this.state.data}
    keyExtractor={item => item}
    renderItem={({ item }) => (
        <View>
            <Text style={styles.noteElementTitle} >{item.title}</Text>
            <Text style={styles.noteElementBody} >{item.body}</Text>
        </View>
    )}
/>

0 个答案:

没有答案