用组件react-native-contacts获取联系人的道具

Question

我的英语不好，但我会尝试解释我的问题。

我已经获得了React Native Android中的联系人的propName名称。我装的成分反应本土的接触和使用的下一个代码的console.log打印（）的唯一联系人的姓名：

import React, { Component } from 'react'; 
... 
import Contacts from 'react-native-contacts'; 
... 
class myComponent extends Component { 
... 
render() { 
    Contacts.getAll((err, contacts) => { 
    console.log(typeof err + err); 
    if(err === 'denied'){ 
    // x.x 
    } else { 
    console.log(contacts); 
    console.log("Nombre de contacto: " + contacts[0].givenName); 
    } 
    }) 
    return (
    <Container> 
    ... 
    <View> 
     <Text>{}</Text> 
    </View> 
    </Container> 
); 
} 
} 

所以，我需要在{}打印的联系人的姓名。我试图把它看作是一个平面物体。谢谢！

Answer 1

你应该将你的代码进行渲染和使用状态的

componentWillMount() { 
    Contacts.getAll((err, contacts) => { 
    console.log(typeof err + err); 
    if(err === 'denied'){ 
    // x.x 
    } else { 
     console.log(contacts); 
     console.log("Nombre de contacto: " + contacts[0].givenName); 
     this.setState({contacts}); 
    } 
    }) 
} 

那么你的渲染（）会像

<View> 
    <Text>{this.state.contacts[0].givenName}</Text> 
</View>