React Native - オブジェクトが反応する子として有効ではありません

Question

React Nativeのfetchコマンドを使用して、Github APIからいくつかの情報を取得しています。

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を：

は、私は、JSONの情報を表示するようになっているダッシュボードを持っている61個のオブジェクトが反応子として有効ではありません（見つかったもの：キー付きオブジェクト（ログイン、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、 bio_public_repos、public_gists、followers、following、created_at、updated_at}）。子コレクションをレンダリングする場合は、代わりに配列を使用するか、ReactアドオンのcreateFragment（オブジェクト）を使用してオブジェクトをラップします。レンダリング方法がTextであることを確認します。

Answer 1

あなたは、おそらくこのような何かをしたい：https://rnplay.org/apps/YDWCxQ

アイデアは配列に変換し、正しい（<Text>）要素に包まれたマッピングを返し、あなたが持っているオブジェクトの小道具を通過することです：

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