使用键“提醒”将状态“提醒”保存到AsyncStorage。现在,我需要在每次启动应用程序时从AsyncStorage加载带有关键“提醒”的“提醒”。然后在FlatList中显示它。
我该怎么做?
import React, {useState, Component} from 'react';
import {
StyleSheet,
Text,
View,
SafeAreaView,
FlatList,
} from 'react-native';
import {AsyncStorage} from 'react-native';
function Reminders() {
// REMINDERS
const [reminders, setReminders] = useState([
{day: 'MON', time: new Date(), status: true},
{day: 'TUE', time: new Date(), status: true},
{day: 'WED', time: new Date(), status: true}
]);
return (
<View>
<FlatList
data={reminders}
renderItem={({item, index}) => (
<View><Text>{item}</Text></View>
);
}
export default Reminders;
您可以使用钩子useEffect
:
useEffect(readReminders, []);
function readReminders() {
AsyncStorage.getItem('reminders').then(value=> setReminders(value));
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句