javascript - Flatlist 无法呈现项目

Question

我无法理解为什么当我将 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>
  );
};

标签： javascriptreact-nativereact-native-flatlistflatlist

Answer 1

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

像这样：

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

或者：

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