[react] 리액트에서 상태에 대한 정리(3) - 배열
- 리액트 공식 문서 기반으로 이해한 내용을 정리한 포스트 입니다. - 리액트에서 배열의 상태 또한 읽기 전용으로 취급한다. 자바스크립트에서 배열은 직접 변경이 가능하지만, 리액트에서 state 로 취급될 때에는 변경이 불가능한 것으로 취급해야 한다. 즉, 객체와 마찬가지로 상태의 복사본을 만든 후 , 새 배열이 기존 상태를 대체하도록 해야한다. 예를 들어, array[1] = 5 와 같이 배열의 요소에 값을 직접 변경하거나, push(), pop(), splice() 와 같이 원본 배열의 상태를 직접적으로 변경하는 일체의 행위는 리액트에서는 불가능한 것으로 취급해야 한다. 이는 반대로, map(), slice(), filter() 와 같이 원본 배열의 상태를 변경시키지 않고, 새로운 배열을 생성하는 메..