AsyncStorage映射无法正常工作

Question

我有代码

AsyncStorage.getItem("Friends").then((value) => {
    this.setState({"Friends": value});
}).done();

我正在尝试使用

显示在列表中

render() {
    return ({
        this.state.Friends.map((o,i) => {
            <View key={i} style={styles.row}>
                <View>
                    <Text style={styles.app_type_name}>{o.name}</Text>
                </View>
            </View>
        })
    })
 }

我正在

  

错误评估对象'this.state.Friends'

Answer 1

您的渲染方法应如下所示：

render() {
    const {Friends} = this.state;

    return (
        <div>
         {
            Friends && Friends.map((o,i) =>
                <View key={i} style={styles.row}>
                    <View><Text style={styles.app_type_name}>{o.name}</Text></View>
                </View>
            )
         }
        </div>
    );
 }