[React-Native] Asyncstorage 사용법 - Not working

 저는 웹 서비스를 만들때 localstorage를 꽤 유용하게 쓰는데요, jwt 토큰 같은 것들도 여기에서 관리를 합니다. (보통은 쿠키와 세션을 이용하지만 저는 간편해서 아직은 로컬스토리지를 활용합니다.) 이에, React-Native를 활용한 어플에서도 비슷한 기능을 사용하고 싶어 알아보니 Asyncstorage라는 패키지가 있었습니다.

 먼저 아래 코드로 설치해주세요! (저는 expo, npm을 사용해서 아래 코드를 사용했습니다.)

expo install @react-native-async-storage/async-storage --npm

  AsyncStorage 관련 함수를 따로 모듈화 해서 코딩했습니다. functions/AsyncStorageFunctions.js에 저장했습니다.

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

export const storeItem = async (key, item) => {
  try {
    await AsyncStorage.setItem(key, item);
  } catch (error) {
    console.log(error);
  }
};

export const getItem = async (key) => {
  try {
    await AsyncStorage.getItem(key);
  } catch (error) {
    console.log(error);
  }
};

 그런데 잘 작동하질 않습니다. storeItem 함수를 시켜놔도 getItem을 하면 undefined만 내놓습니다. 이에 대한 해결책은 다음 포스팅에서 다루겠습니다.