Javascript 启动时从异步存储响应本机加载状态

使用键“提醒”将状态“提醒”保存到异步存储。 现在我需要在每次启动应用程序时从AsyncStorage中加载带有键“提醒”的“提醒”。 然后在平面列表中显示它

我怎么能做到

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;

import React，{useState，Component}来自'React'；
进口{
样式表，
文本，
看法
安全区域视图，
平面列表，
}从“反应本机”；
从“react native”导入{AsyncStorage}；
功能提醒（）{
//提醒
常量[提醒，设置提醒]=useState([
{day:'MON'，time:new Date（），status:true}，
{day:'TUE'，time:new Date（），status:true}，
{day:'WED'，time:new Date（），status:true}
]);
返回(
(
{item}
);
}
导出默认提醒；

您可以使用钩子

useffect

：

useEffect(readReminders, []);

function readReminders() {
    AsyncStorage.getItem('reminders').then(value=> setReminders(value));
}

---

我不知道如何使用效果。你能告诉我在哪里放置你的代码到我的代码中吗？是的，在你返回之前放置我的代码，并在react导入中包含useEffect，如下所示：从react导入react，{useState，useEffect，Component}；