Flatlist 无法呈现项目答案

【问题标题】：Flatlist can't render itemsFlatlist 无法呈现项目
【发布时间】：2021-04-25 19:19:05
【问题描述】：

我无法理解为什么当我将 dummyData 与 renderItem 箭头函数一起使用时它不渲染它的内容，但是当我将 {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>
  );
};

【问题讨论】：

将返回添加到您的“renderItem”方法。然后它会渲染你的物品

标签： javascript react-native react-native-flatlist flatlist

【解决方案1】：

您缺少退货声明。删除括号或添加回车符。

像这样：

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

或者：

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

【讨论】：