尝试从 API 中列出数据会给出错误消息“不变违规：元素类型无效：........”

Posted 2023-03-08

【中文标题】尝试从 API 中列出数据会给出错误消息“不变违规：元素类型无效：........”

【英文标题】：Trying to list data from an API is giving error message 'Invariant Violation: Element type is invalid:........'

【发布时间】：2020-03-04 03:45:08

【问题描述】：

嘿，我正在尝试在 Flatlist 中显示来自 API 的数据，但我不断收到错误消息，上面写着“不变违规：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数复合组件但未定义......检查'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;

【参考方案1】：

您缺少组件的导入：

  import  Component  from 'react';