5-9. DIY: 주소록 저장 / 불러오기
자, 여러분이 직접 해보는 섹션입니다. 우리가 리덕스로 적용하는 과정에서 데이터를 로컬스토리지에 저장하고 불러오는 로직을 날려버렸습니다.
이 기능을, 여러분이 직접 구현을 해보세요.
Hints
contacts
모듈에 주소록을 불러오는 액션,LOAD_CONTACTS
을 구현하세요contacts.toJS()
를 하면List
가 일반 자바스크립트 배열로 변환됩니다.- 일반 자바스크립트 배열을
List
로 변환하고, 내부 객체들도Map
으로 변환을 할 때는,fromJS
를 사용하면됩니다.
import { fromJS } from 'immutable';
const example = fromJS([{a:1}, {a:2}]);
App
에서contacts
상태를 연결시켜주고,componentDidUpdate
와componentDidMount
에서 데이터를 저장하거나, 불러오세요.