平面列表不显示在其他组件中答案

【问题标题】：Flat list does not show in other component平面列表不显示在其他组件中
【发布时间】：2021-01-25 17:45:09
【问题描述】：

平面列表不显示在本机反应中。我想将信息传递给另一个组件，我正在使用 flatList 进行渲染，但屏幕上什么也没有出现，我也没有收到错误消息……是我的另一个将接收信息的组件

我的平面列表：

  return (
    <View style={styles.container}>
      <FlatList
        numColumns={2}
        data={DATA}
        renderItem={({item}) => {<Item {...item} />}}
        keyExtractor={(item) => item.id}
        ListHeaderComponent={<Cabecalho />}
      />
    </View>
  );
};

我的组件你应该渲染什么


export const Item = ({titulo}) => {
    
    return (
            <View>
                <Text >{titulo}</Text>
            </View>
    );
}

数据：

export const DATA = [
    {
      id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
      titulo: 'Abajur',
      imagem: require('../assets/images/01-tablelamps.png'),
      estudio: 'Jim&Jill Designs',
      itemName: 'Wilson',
      preco: 92.1,
      itemDesc:
        'Contrary to popular belief, Lorem Ipsum is not simply random text',
    },

【问题讨论】：

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

【解决方案1】：

这是因为 renderItems 没有返回任何组件来修复此更改

 renderItem={({item}) => {<Item {...item} />}}

到

  renderItem={({item}) => {return <Item {...item} />}}

或

 renderItem={({item}) => <Item {...item} />}

【讨论】：