我编写了用于在反应中列出书籍的代码，但 FlatList 在我的代码中不起作用，我该如何解决？

Posted 2023-02-16

【中文标题】我编写了用于在反应中列出书籍的代码，但 FlatList 在我的代码中不起作用，我该如何解决？

【英文标题】：I write code for listing books in react but FlatList don't work in my code,how can i solve it?

【发布时间】：2021-10-05 18:31:34

【问题描述】：

我编写了以下代码用于在平面列表中列出书籍但它不起作用，它说“元素类型无效：需要一个字符串......”

FlatList 不起作用 块引用

Books.js

import React from 'react';
import Text,View,Flatlist from 'react-native';

class Books extends React. Component

constructor(props)
    super(props)
    this.state=
        DATA:[
            
                id: '1',
                title: 'First Item',
              ,
              
                id: '2',
                title: 'Second Item',
              ,
              
                id: '3',
                title: 'Third Item',
              ,
        ]
    
;
renderItemBook=(item)=>
    return(
        <View>
            <Text>
                item.title
            </Text>
    </View>
    )
;
render()
    return(
        <Flatlist
        data=this.state.DATA
        renderItem=this.renderItemBook
        keyExtractor=(item)=>item.id
    />
    )

;
export default Books;

【参考方案1】：

在您的导入和render() 函数中必须是FlatList 而不是Flatlist。