배열이나 객체 수정/추가/삭제를 용이하기 위한 리액트 플러그인.
공식 문서 : 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 : 값 변경