При попытке вывести данные из API выдается сообщение об ошибке «Нарушение инварианта: недопустимый тип элемента: ........»

Question

Эй, я пытаюсь отобразить данные из API в Flatlist, но продолжаю получать сообщение об ошибке, которое говорит: «Нарушение инварианта: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция длясоставные компоненты, но они не определены .... Проверьте метод рендеринга 'UsersScreen'

Я не уверен, какая часть моего кода вызывает эту ошибку

import { API, graphqlOperation } from 'aws-amplify'
import { Text, View, Flatlist } from 'react-native'


const listUsers = `query listUsers {
  listUsers {
      username


  }
}`;

class UsersScreen extends Component {

  listQuery = async () => {
    console.log('listing Users');
    const allUsers = await API.graphql(graphqlOperation(listUsers));
    alert(JSON.stringify(allUsers));
  };
 render() {
  return(
    <Flatlist 
    data={listUsers} 
    renderItem={({ item }) => (
      <View>
        <Text>{item.username}</Text>
      </View>
    )}
    />

  )
  }
}

export default UsersScreen;

Answer 1

Вам не хватает импорта компонента:

  import { Component } from 'react';