react-native AsyncStorage存储以及this.setState undefined 错误

最新推荐文章于 2025-06-11 14:29:30 发布

JiaLin_Denny

最新推荐文章于 2025-06-11 14:29:30 发布

阅读量749

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hopefullman/article/details/86476966

AsyncStorage 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了AsyncStorage在React Native项目中的使用方法，包括数据的存储、获取及删除操作，并提供了具体代码示例，有助于开发者快速掌握并应用于实际项目中。

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

没用的文章千篇一律，好用的的文章万里无一！

AsyncStorage 对于App来说是全局性的 AsyncStorage是一个简单的、异步的、持久化的以键值对形式进行数据存储的存储系统。它的作用等价于iOS的NSUserDefaluts或Android的SharedPreferences，使用AsyncStorage用来替换老旧的LocalStorage。

引入：

import { AsyncStorage} from 'react-native';

建立：

AsyncStorage.setItem('result','1',function (error) {});

获取：

AsyncStorage.getItem('result', function (error, result) {})

具体案例：

创建一个:setItem

loginok=()=>{
AsyncStorage.setItem('result','1',function (error) {
if (error) {
console.log('存储失败');
}else {
console.log('存储完成');
}
});

}

获取一个：getItem

AsyncStorage.getItem('result', function (error, result) {
if(error){
console.log('读取失败');
}else{
console.log(result);
if (result!=null) {
_that.setState({
disable:false,
chenckshow:false
})
};
}
})

注意：在react-native使用getItem的回调函数时，this会报undefined错误，这时要使用_that转化一下便于直接setState（{}）。写这个文章主要就是要写这里，便于大家查阅。

销毁一个：removeItem

AsyncStorage.removeItem(‘result’,(err)=>{

if（err）{

console.log('删除失败')

}else{

console.log('删除成功')

}

}）

注：其实RN里面不建议写if else 这里为了方便，希望没有干扰你的判断。