Javascript renderItem中的渲染未返回任何内容

我有数据-数组（重要）和项目，并试图创建平面列表：

  <FlatList
    data={DATA}
    renderItem={renderItem}
    keyExtractor={(item) => item.id}
  />

item.id}
/>

因此，当我在renderItem中映射项目时：

  items.map((item, index) => {
      return (
        <View style={styles.item} key={index}>
        </View>
      );
  });

items.map（（项目，索引）=>{
返回(
);
});

我没有收到任何返回错误。我该怎么办

Ed.-code沙盒

item.id}
<FlatList
    data={DATA}
    renderItem={renderItem}
    keyExtractor={(item) => item.id}
  />

/>

像这样使用renderItem

    renderItem = ({ item }) => {
     
        return (
          <View style={styles.item} key={index}>
           // Your view here
            </View>
        );
      };

renderItem=（{item}）=>{
返回(
//你在这里的看法
);
};

在您的

项目中

有以下内容：

const Item = ({ items }) => {
  console.log(items);
  items.map((item, index) => {
    console.log(item)
    if (item && index) {
      return (
        <View style={styles.item} key={index}>
          <Text style={styles.title}>{item.title}</Text>
        </View>
      );
    }
  });
};

const Item=（{items}）=>{
控制台日志（项目）；
items.map（（项目，索引）=>{
console.log（项目）
如果（项目和索引）{
返回(
{item.title}
);
}
});
};

---

您需要从

项目返回。映射
返回项目。映射
您需要更改
项目
组件，如下所示：-

const Item = ({ items }) => {
  return items.map((item, index) => {
      return (<View style={styles.item} key={index}>
        <Text style={styles.title}>{item.title}</Text>
      </View>);
  });
};

const Item=（{items}）=>{
返回项目。映射（（项目，索引）=>{
返回(
{item.title}
);
});
};

变化：-


从
.map
返回
…
组件
删除
项和索引
复选框。当
索引
等于
0
时，将失败

错误是什么？渲染没有返回任何内容。这通常意味着缺少返回语句。或者，要不呈现任何内容，请返回null@sinanyaman项数组中有什么？在
标记中没有任何内容。这就是你想要的吗？请分享你的问题的codesandbox链接。是的，它会起作用，但我的任务是使用renderItem和数组@HamasHassanIt将不返回任何内容@AlistairNelsonIt将返回从
映射返回的内容，否则你实际上不会从
项返回任何内容，因此，控制台中出现了错误。对于帮助，您是否建议我阅读任何文档以避免此类问题@LakshyaThakur@Pavel嗯，这不是一个与React本身有关的问题，而是更多的JS问题。所以我想说，随着你的进步，你会更好地了解它。这是一个很好的资源-