돌연변이가없는 중첩 된 redux 상태 수정

Question

Am i이 함수를 사용하여 redux 상태를 돌연변이합니까?

function addDefinition(object, payload) { 
    var newObject = Object.assign({}, object); 
    if(!newObject[payload.guid]){ 
    newObject[payload.guid] = []; 
    } 
    newObject[payload.guid].push(payload); 
    return newObject; 
} 

응용 프로그램의 다른 부분과 관련된 데이터를 보유하기위한 구조를 만들고 싶습니다.

Answer 1

예, .push() 문 은 이후 호출에서 변경되는입니다. 첫 번째 호출에서는 배열이 새로 만들어 지므로 변형이 아닙니다. 이후 호출에서 새 객체를 만들었지 만 기존 배열 참조를 복사 했으므로 .push()은 기존 배열을 변형합니다.

Answer 2

예. markerikson의 대답을 참조하십시오. 스프레드 연산자로 이것을 피할 수 있음을 명심하십시오.

const INITIAL_STATE = { 
    guid: [] 
} 

function addDefinition(state = INITIAL_STATE, payload) { 

    return {...state, guid: [...state.guid, payload]}; 

} 

또한 초기 상태로 if 문을 피할 수 있습니다.