Immutability Helpers 간단 사용법

배열이나 객체 수정/추가/삭제를 용이하기 위한 리액트 플러그인.
공식 문서 : https://facebook.github.io/react/docs/update.html

문서내 선언

import update from 'react-addons-update';

예를 들어 setState할 때 쓰려면 아래처럼 쓴다.

handleCreate(contact){
    this.setState({
        getJsonData : update(this.state.getJsonData, {$push : [contact]})
        //update(타겟배열,{$push [추가할 것=받아온것]})
    })
};

handleRemove(){
    this.setState({
        getJsonData : update(this.state.getJsonData, {$splice : [[this.state.selectedkey, 1]]}),
        //update(타겟 배열, {$splice : [[배열의 순번, 그로부터 어디까지 지울지]]})
        selectedkey : -1
        //초기화
    })
}
handleEdit(thisname, thisphone){
    this.setState({
        getJsonData : update(this.state.getJsonData, {
            [this.state.selectedkey] : {
                name : {$set : thisname},
                phone : {$set : thisphone}
            }
        })
        //바로 값 수정하는건 update(타겟 배열, { [배열중 몇 번째인지]  : {키 : {$set : 값}}})
    })
}

$push : 추가 , $splice : 잘라내기, $set : 값 변경

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP