Я пишу код для вывода списка книг в React, но FlatList не работает в моем коде, как я могу это решить?

Я пишу следующий код для перечисления книг в виде плоского списка, но он не работает. Он говорит, что «Тип элемента недействителен: ожидается строка ....»

FlatList не работает Blockquote

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 ответ

Решение

Это должно быть FlatList нет Flatlist в вашем импорте и render() функция.

Другие вопросы по тегам