如何使用反应本机将对象保存在移动存储中

Question

我正在构建一个用于保存用户数据的应用程序。并且用户能够稍后看到该数据。我正在使用AsyncStorage ..我想存储多个值在一个关键。我用AsyncStorage.setItem.。这里是我的代码..

var obj ={ 
     name : "sabih", 
     color : "blue" 
} 
AsyncStorage.setItem('myKey', JSON.stringify(obj)) 
    .then(() => { 
     console.log('data saved') 
}) 

但是当我用AsyncStorage.getItem获取数据。它给了我这样的

{"name":"sabih" , "color" : "blue"}

代码在这里

AsyncStorage.getItem("myKey").then((data) => { 
    var userData = JSON.parse(data) 
     console.log(userData, 'Get Values') 
}).done(); 

如何设置的名和颜色的状态值。或者我如何在我的反应本机应用程序中呈现这些值..

在此先感谢。 并请附上如果可能的解决办法扣..

Answer 1

创建文件中的函数，调用该函数传递你的asyncstrorage值作为参数如下： -

​​

和你asyncStorage代码编辑为内： -

AsyncStorage.getItem("myKey").then((data) => { 
    var userData = JSON.parse(data); 
    console.log(userData, 'Get Values'); 
    this._renderDetail(userData); 
}).done(); 

，然后你可以使用你的渲染功能，这里面的状态变量： -

<Text>{this.state.user.name}</Text> 
<Text>{this.state.user.color}</Text>