React-Native AsyncStorage: TypeError: Cannot read property 'setItem' of undefined

Question

我正在学习 react-native 并尝试使用 AsyncStorage。我正在使用此代码存储数据：

_storeData = async (token) => {
    console.log("store token");
    console.log(token);
    try {
      await AsyncStorage.setItem('token', token);
    } catch (error) {
      // Error saving data
      console.log(error);
    }
  }

调用它：this._storeData(res.token);

但它给我这个错误：

> TypeError: Cannot read property 'setItem' of undefined
>     at LoginOrCreateForm._callee$ (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:138096:71)
>     at tryCatch (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21408:19)
>     at Generator.invoke [as _invoke] (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21583:24)
>     at Generator.prototype.(anonymous function) [as next] (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21451:23)
>     at tryCatch (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21408:19)
>     at invoke (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21484:22)
>     at blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:21514:13
>     at tryCallTwo (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:22690:7)
>     at doResolve (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:22854:15)
>     at new Promise (blob:http://localhost:8081/21ec2746-a3c9-4c68-937f-ee50c63a6d58:22713:5)

任何人都可以帮助我做错什么吗？谢谢

Answer 1

只要确保你已经import { AsyncStorage } from "react-native"

Answer 2

因为 AsyncStorage 未定义，所以尝试在 class:

的顶部导入这一行

import { AsyncStorage } from 'react-native'

Answer 3

React Native 功能组件：AsyncStorage Hook 方法

import { useAsyncStorage } from '@react-native-community/async-storage';
---

const { getItem, setItem } = useAsyncStorage('@storage_key');

  const readItemFromStorage = async () => {
    const item = await getItem();
    setValue(item);
  };

  const writeItemToStorage = async newValue => {
    await setItem(newValue);
    setValue(newValue);
  };

参考： https://react-native-community.github.io/async-storage/docs/api#useasyncstorage

Answer 4

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

import AsyncStorage from "@react-native-async-storage/async-storage";

来源：

https://react-native-async-storage.github.io/async-storage/docs/api/

Answer 5

我遇到了同样的问题。

如果您正在使用

React Native 0.60+

然后按照 https://react-native-async-storage.github.io/async-storage/docs/install/ 在您的项目中安装 AsyncStorage。

"@react-native-async-storage/async-storage": "^1.15.17"

安装和链接完成后，将其导入您的项目：

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

确保：

import AsyncStorage from '@react-native-async-storage/async-storage';✅
import { AsyncStorage } from '@react-native-async-storage/async-storage'; ❌

React-Native AsyncStorage: TypeError: Cannot read property 'setItem' of undefined

React-Native AsyncStorage: TypeError: Cannot read property 'setItem' of undefined

javascript

react-native

asyncstorage