ReactNative - AsyncStorage

이호현·2021년 6월 7일
0

ReactNative

목록 보기
2/5

1. AsyncStorage?

브라우저의 localStorage처럼 앱이 종료되어도 계속 정보를 가지고 있게 하기위해 AsyncStorage를 사용해 작업할 수 있다.





2. AsyncStorage 사용

npm install --save @react-native-community/async-storage로 설치한 후에

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

이런식으로 불러와 사용한다.





3. setItem, getItem

setItem으로 값을 저장하고, getItem으로 값을 불러온다.

- setItem()

AsyncStorage.setItem('name', 'hemtory');
AsyncStorage.setItem('age', 10 + '');
AsyncStorage.setItem('birth', `${20000101}`);
AsyncStorage.setItem('married', `${false}`);

첫 번째 인자로 키값을 정해주고, 두 번째 인자로 값을 정해준다.
value 값을 넣어줄 때 string으로 변환해서 해줘야되는듯 하다.
시뮬레이터에서는 잘 되는데 build해서 실기기로 테스트하면 충돌나서 앱이 강제종료됐었다.

- getItem()

AsyncStorage.getItem('name');

위 처럼 불러올 키값을 인자로 넣어주면 되는데 return값이 promise인걸로 보임.

const getItem = async () => {
  const name = await AsyncStorage.getItem('name');
}
AsyncStorage.getItem('name')
.then(res => console.log(res)));

그래서 위 처럼 사용해서 적용했음.

찾으려는 키값이 없으면 nullreturn함.

profile
평생 개발자로 살고싶습니다

0개의 댓글