react-native - React Native 中如何使用 AsyncStorage 存储数组
问题描述
我正在尝试使用 AsyncStorage 来使用 React Native 存储简单的配置文件。
这是我到目前为止添加配置文件的内容,我尝试了 console.log(contact),但什么也没显示。
function AddContact(props) {
const [FName,setFName] = useState('');
const [LName,setLName] = useState('');
const [PNumber,setPNumber] = useState('');
var contact = {
firstname : FName,
lastname : LName,
phonenumber : PNumber
};
const storeContact = async() => {
try {
await AsyncStorage.setItem(
'@MySuperStore:key', JSON.stringify(contact));
} catch (error) {
// Error saving data
}}
For Loading Profile
const loadContact = async () => {
try {
const value = await AsyncStorage.getItem('@MySuperStore:key', JSON.stringify(contact));
if (value !== null) {
// We have data!!
console.log(value);
}
} catch (error) {
// Error retrieving data
}
};
请帮忙。
解决方案
为了从异步存储加载数据,您的loadContact方法应该是:
For Loading Profile
const loadContact = async () => {
try {
const value = await AsyncStorage.getItem('@MySuperStore:key');
const json = JSON.parse(value); // this is how you get back the array stored
if (json !== null) {
// We have data!!
console.log(value);
}
} catch (error) {
// Error retrieving data
}
};
推荐阅读
- content-management-system - PrestaShop:如何找到我们在浏览器的代码源视图中看到的任何代码和平的来源?
- java - 回溯 API - 时间计算
- email - 使用 Cakephp 3 发送电子邮件
- rollup - 为了使用汇总导入 fs 模块而缺少一些东西
- javascript - 从 axios 调用中反应 redux 设置初始状态
- python - 打印 GridSearchCV 选择的值
- ios - Parse Cloud with Swift PFIdResultBlock Error
- angular - Creating a custom pipe in Angular 6 to return a value based on an array
- c# - C# 两遍图像创建
- stream - 显示 NAL H.264 UDP 流(在 VLC 中)