React native 反应本机-对象作为反应子对象无效

React native 反应本机-对象作为反应子对象无效,react-native,React Native,我正在使用React Native中的fetch命令从githubapi中提取一些信息 我有一个仪表板,用来显示json信息: class Dashboard extends React.Component{ render(){ return( <View style={styles.container}> <Text> This is the dashboard </Text> <Text>

我正在使用React Native中的fetch命令从githubapi中提取一些信息

我有一个仪表板,用来显示json信息:

class Dashboard extends React.Component{
  render(){
    return(
      <View style={styles.container}>
        <Text> This is the dashboard </Text>
        <Text> {this.props.userInfo} </Text>
      </View>
    )
  }
};
它在抱怨并给我这个错误:


ExceptionsManager.js:61对象作为包含键的React子对象无效{登录、id、头像url、坟墓管理员id、url、html url、关注者url、跟随者url、注册者url、明星url、订阅url、组织url、回复url、事件url、接收到的事件url、类型、站点管理员、名称、公司、博客、位置、电子邮件、可雇佣、个人简历、公共回复、公共注册、关注者、跟随者、创建的回复、更新的回复}。如果要呈现子对象的集合,请使用数组,或者使用React加载项中的createFragmentobject包装对象。请检查文本的呈现方法。

您可能需要类似以下内容:

这样做的目的是遍历您拥有的props对象,将其转换为数组,并返回正确元素包装的映射:


你可能想要这样的东西:

这样做的目的是遍历您拥有的props对象,将其转换为数组,并返回正确元素包装的映射:


对于上下文,这似乎与egghead.io React本机课程有关,特别是第6课:对于上下文,这似乎与egghead.io React本机课程有关,特别是第6课:链接和它链接到的站点都不存在。链接和它链接到的站点都不存在。
return Object.entries(this.props.userInfo).map(([key, val], i) => {
  return <Text key={'key-'+ i}>{key +': '+ val}</Text>; 
});