@react-native-async-storage/async-storage getItem 的值为 false

Question

我正在尝试访问与设置它的文件不同的文件中的 react-native 异步存储。在设置它的同一个文件中，我能够获得该值。但在不同的文件中，我将“false”作为值。 任何帮助将不胜感激。

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

 const getData = async () => {
    console.log("fetching data from asyncstorage")
    try {
      const value = await AsyncStorage.getItem('userToken');        << retuning false
      if(value !== null) {
        console.log(value);
        token.token=value;              
      }
    } catch(e) {
        console.log(e);
    }
  }

const callfunction=()=>{
    getData();
}

Answer 1

这就是我能够使它工作的方法，如果有人有更好的解决方案，请在此处发布，

由于 AsyncStorage 的操作是以异步方式进行的，这意味着主线程不会等待函数调用完成，我发现最好在需要之前调用函数并保存它。 为了实现这一点，我使用了一个反应钩子“useEffect”，这类似于springboot替代@PostConstruct，这意味着当您导航到页面时将调用“useEffect”。所以代码看起来像这样。

import AsyncStorage from '@react-native-async-storage/async-storage';
import React,{useEffect} from 'react';
const [token, setToken] = React.useState({
    token: "",
});

const getData = () => {
    console.log("fetching data from asyncstorage")
    AsyncStorage.getItem('userToken').then((value) => {
        console.log("token : "+ value);
        token.token=value;
    }).done();
}

useEffect(() => {  
    if(token.token=="")  
    {
        getData();
    }
});

如果有人发现任何支持此内容的好博客或视频，请在此处发布，如果我的解释与技术方面有偏差，请帮助我更好地理解它。