@react-native-community/async-storage

最新推荐文章于 2024-03-21 09:45:36 发布

慕天远

最新推荐文章于 2024-03-21 09:45:36 发布

阅读量1.2w

点赞数

分类专栏： React Native 文章标签： React Native

React Native 专栏收录该内容

22 篇文章

订阅专栏

博客指出React官方将把AsyncStorage从react-native中抽取，后续版本会删除。介绍了迁移方法，包括安装@react-native-community/async-storage、关联原生代码，还给出手动连接参考链接，同时提及组件导入及存储、读取数据等使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前我们都从react-native中导入AsyncStorage，但是React官方说是要讲这个AsyncStorage从react-native中抽取出来，也就是在以后的版本中会将其从react-native包中删除，其建议我们从@react-native-community/async-storage中导入这个组件

现在开始

安装

yarn add @react-native-community/async-storage

关联react-native原生代码

react-native link @react-native-community/async-storage

手动连接方式参考：https://github.com/react-native-community/react-native-async-storage/blob/master/docs/Linking.md

使用方法

首先导入组件

import AsyncStorage from '@react-native-community/async-storage';

存储数据

storeData = async () => {
  try {
    await AsyncStorage.setItem('@storage_Key', 'stored value')
  } catch (e) {
    // saving error
  }
}

读取数据

getData = async () => {
  try {
    const value = await AsyncStorage.getItem('@storage_Key')
    if(value !== null) {
      // value previously stored
    }
  } catch(e) {
    // error reading value
  }
}