可以使用以下代码展示AsyncStorage中的信息:
import React, { Component } from 'react';
import { AsyncStorage, Text, View } from 'react-native';
export default class App extends Component {
state = {
info: null,
};
async componentDidMount() {
try {
const info = await AsyncStorage.getItem('info');
if (info !== null) {
this.setState({ info });
}
} catch (error) {
console.log(error);
}
}
render() {
const { info } = this.state;
return (
{info && {info} }
);
}
}
在上面的代码中,我们使用了React Native中的AsyncStorage模块来检索存储在设备上的信息。在组件挂载时,我们通过AsyncStorage.getItem
方法获取键名为“info”的存储对象。如果它存在,我们将它存储在组件的状态info
中,然后在render方法中呈现它。