javascript - 我如何使用 React Native 将对象保存在移动存储中

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();

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

提前致谢。如果可能，请附上解决方案的快照..

Answer 1

在您的文件中创建一个函数并调用该函数，将您的 asyncstrorage 值作为参数传递如下:-

_renderDetail=(item)=>{
   this.setState({user:item});
}

并在您的 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>