Question

我使用React Native中的fetch命令从Github api中提取一些信息。

我有一个应该显示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子对象（找到：具有键{object，id，avatar_url，gravatar_id，url，html_url，followers_url，following_url，gists_url，starred_url，subscriptions_url，organizations_url，repos_url，events_url的对象），received_events_url，type，site_admin，name，company，blog，location，email，hireable，bio，public_repos，public_gists，followers，following，created_at，updated_at}）。如果您要渲染子集合，请使用数组，或使用React附加组件中的createFragment（object）包装对象。检查Text的呈现方法。

Answer 1

你可能想要这样的东西：https://rnplay.org/apps/YDWCxQ

这个想法是通过你拥有的props对象，将它转换为数组并返回包含在正确的（<Text>）元素中的映射：

return Object.entries(this.props.userInfo).map(([key, val], i) => {
  return <Text key={'key-'+ i}>{key +': '+ val}</Text>; 
});

React Native - 对象作为反应子对象无效

1 个答案: