启动时从异步存储反应本地负载状态

托克曼

使用键“提醒”将状态“提醒”保存到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;
杰西卡·科斯塔(Jessica Costa)

您可以使用钩子useEffect

useEffect(readReminders, []);

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

icCube负载在启动时挂起

来自分类Dev

如何将 API 主机 URL 保存到本地存储并在启动时检索它

来自分类Dev

将本地存储分配给反应状态。反应钩

来自分类Dev

Tomcat服务器WebApp启动时无限负载

来自分类Dev

无论负载如何,在启动时都显示系统信息

来自分类Dev

在 android 的调试中启动时反应本机白屏

来自分类Dev

将状态保存到本地存储中以做出反应

来自分类Dev

异步状态与输入反应

来自分类Dev

启动时无法隐藏状态栏

来自分类Dev

如何使用提供程序在应用启动时加载状态

来自分类Dev

如何阻止Ubuntu在启动时更改numlock状态?

来自分类Dev

防止封闭的Macbook在启动时进入休眠状态

来自分类Dev

Windows在启动时还原服务运行状态

来自分类Dev

从 USB 启动时“没有分区处于活动状态”

来自分类Dev

反应异步数据(对象)分配给状态时被破坏

来自分类Dev

反应本地全局状态

来自分类Dev

启动时显示“不是git存储库”消息

来自分类Dev

如何在启动时在图形之后(或与之并行)进行网络负载

来自分类Dev

当应用程序通过通知启动时使用推送通知负载

来自分类Dev

反应:在页面加载时删除本地存储项

来自分类Dev

为什么Git Extensions在启动时会打开存储库?如何在启动时更改默认存储库?

来自分类Dev

启动时的动画

来自分类Dev

在启动时启动MySQL

来自分类Dev

在启动时启动Dropbox

来自分类Dev

启动时启动活动

来自分类Dev

在启动时启动Dropbox

来自分类Dev

在启动时启动MySQL

来自分类Dev

启动时启动 KeePassXC

来自分类Dev

将QCheckBox的状态保存在文件中,并在程序重新启动时加载状态

Related 相关文章

热门标签

归档