文本字符串必须在<text>组件中呈现

时间:2019-04-24 10:09:36

标签: react-native react-native-flatlist

当我用文本渲染项目时,它会显示此错误,并且在从文本标签中删除文本标签后也会显示此错误,

<View>
    <FlatList
        data={this.state.ads}
        renderItem={({ item, index }) => {
            return <Text>{item.title}</Text>;
        }}
        keyExtractor={(item, index) => item.title}
      />
</View>

1 个答案:

答案 0 :(得分:0)

尝试这种方式。

    <FlatList
        data={this.state.ads}
        renderItem={this._renderItem}
        keyExtractor={(item, index) => String(item.title)}
      />

然后在您的组件中编写_renderItem函数

_renderItem = (item) => {
   return <View>
           <Text>{item.title}</Text>
          </View>
}