Flatlist 无法呈现项目

Question

我无法理解为什么当我将它与 renderItem 箭头函数一起使用时它不呈现 dummyData 的内容但是当我将 {item}) => <Text style={styles.item}>{item.key}</Text> 直接传递给 renderItem 道具时它可以工作

const HomeScreen = ({ navigation }) => {

  const renderItem = ({item}) => {
    <Text style={styles.item}>{item.key}</Text>
  }

  dataUtils.fetchData();
  return(
   <View style={styles.container}>
      <FlatList
        data={dummyData}
        renderItem={renderItem}
        keyExtractor={item => item.id}
      />
    </View>
  );
};

Answer 1

您缺少 return 语句。删除括号或添加 return.

像这样：

const renderItem = ({item}) =>
    <Text style={styles.item}>{item.key}</Text>

或者：

const renderItem = ({item}) => {
    return <Text style={styles.item}>{item.key}</Text>
}

Flatlist 无法呈现项目

Flatlist can't render items

javascript

react-native

react-native-flatlist

flatlist