Javascript 平面列表可以'；不渲染项目

我无法理解为什么当我将dummyData与renderItem arrow函数一起使用时，它不会呈现dummyData的内容，但当我将

{item}=>{item.key}

直接传递给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>
  );
};

const主屏幕=（{navigation}）=>{
常量renderItem=（{item}）=>{
{item.key}
}
dataUtils.fetchData（）；
返回(
项目id}
/>
);
};

您缺少返回语句。删除括号或添加返回

像这样：

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

const renderItem=（{item}）=>
{item.key}

或：

const renderItem=（{item}）=>{
返回{item.key}
}

您缺少返回语句。删除括号或添加返回

像这样：

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

const renderItem=（{item}）=>
{item.key}

或：

const renderItem=（{item}）=>{
返回{item.key}
}

将return添加到“renderItem”方法中。然后它将呈现您的项目并返回“renderItem”方法。然后它将呈现您的项目