[reactnative] 로컬저장소 asyncstorage를 사용해보자

맨날 state나 서버에 박을 순없다

 

앱이 실행되는 동안 또는 앱이 꺼져도 가지고 이써야하는 정보들이 있다 

 

react native의 로컬 저장소를 사용해 보자

 

 

 

모듈 다운로드 www.npmjs.com/package/@react-native-community/async-storage

npm i @react-native-community/async-storage

 

 

 

import

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

 

 

 

예를들어 유저 아이디를 저장하고 출력하기

 

setItem : 저장

getItem : 출력

출력의 결과값은 result에 저장된다

AsyncStorage.setItem('user_id','hwije123', () => { //user_id변수로 hwije123 저장
  console.log('유저 id저장')
});

AsyncStorage.getItem('user_id', (err, result) => { //user_id에 담긴 아이디 불러오기
  console.log(result); // result에 담김 //불러온거 출력
});

 

 

 

근데 이게 JSON이나 Array 데이타형식을 저장할때는 string으로 바까줘야한다.

AsyncStorage.setItem('user_information',JSON.stringify({'user_id': 'hwije123', 'user_nickname':'HJ'}), () => {
  console.log('저장') //json형식을 stringify로 string화 해서 저장해줬다
});

AsyncStorage.getItem('user_information', (err, result) => {
  const user = Json.parse(result);             //string화 된 result를 parsing
  console.log('아이디는' + user.user_id);        // user에 담긴 id출력
  console.log('별명은: ' + user.user_nickname);  // user에 담긴 닉네임 출력
});

 

 

 

 

 

 

 

 

까먹을까봐 기록!