为什么我们需要在 React Native 中的 FlatList 的 renderItem() 方法中使用大括号

Question

我不确定为什么我们需要在以下代码片段中的 renderItem item之外使用大括号，而对于 keyExtractor 则没有大括号。 我想这与 object 解构有关，但这里的item指的是什么？ friends object中没有名称为“item”的字段，怎么会是object解构呢？

 import React from 'react'; import {View, Text, StyleSheet, FlatList} from "react-native"; const ListScreen = () => { const friends = [ {name: "friend #1"}, {name: "friend #2"}, {name: "friend #3"}, {name: "friend #4"}, {name: "friend #5"}, ]; return ( <View> <Text>This is the ListScreen Component</Text> <FlatList keyExtractor={(friend) => friend.name} data={friends} renderItem={({item}) => { return <Text>{item.name}</Text> }} /> </View> ); }

Answer 1

传递给 renderItem 的参数是形式为 object

{ item, index, separators }

大括号允许您解构参数并直接访问item字段。

签名由 FlatList 组件的实现定义。 如果你想看看它是什么样子的，你可以在 React Native 存储库中找到它。