如何访问函数中的FlatList项？

Question

我有一个FlatList组件：

<FlatList
    data={[
        {key: "Google"},
        {key: "Apple"},
        {key: "Facebook"},
        {key: "Amazon"},
    ]}
    renderItem={({item}) => <Text>{item.key}</Text>}
/>

如何访问此列表中的某个项目？我想使用console.log(FlatList.getItem(2))。

之类的内容向控制台输出列表中的第三项

Answer 1

利用renderItem

<FlatList
    data={[
        {key: "Google"},
        {key: "Apple"},
        {key: "Facebook"},
        {key: "Amazon"},
    ]}
    renderItem={({item}) => 
    <Button onPress={()=>{
         console.log("Item:", item );
     }}>{item.key}}</Button>
/>