Реагировать на состояние собственной загрузки из Asyn c хранилища при запуске

Question

Состояние «напоминаний» сохраняется в 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;

Answer 1

можно использовать крючок useEffect:

useEffect(readReminders, []);

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