Array.배열처리.Immutability Helpers

# 참조 : https://velopert.com/1015

 

npm install --save-dev immutability-helper

 

import update from 'immutability-helper';

 

//원소추가

this.setState({

  list:update(this.state.list, {  $push: [newObj1, newObj2] } // 두개 Object 추가

});

// 원소 제거

this.setState({

  list:update(this.state.list, {  $splice: [[index, 1]] }

});

// 배열 원소 수정

this.setState({

  list:update(this.state.list, {  [index]: {field:{$set:"value"}, {{$set: "value2"}} }가

});

// 객체 원소 수정 = 배열원소수정에서 [index] 대신에 객체명:$set 사용