const array = [];
array.push(1);
console.log(array); //[1]
array === array; // true
리액트에서 내용이 추가되거나 삭제할 때 push나 shift 등의 메서드를 사용할 것이다.
하지만, 리액트에서는 배열이 변경되었음에도 변경되었는지 인지를 못한다는 문제점이 있다.
따라서, 랜더링이 일어나지 않는다.
그래서 자바스크립트의 스프레드문법을 활용해서 변경되었음을 알려줘야 한다.
const array = [];
const array2 = [...array, 1];
console.log(array2); // [1]
array === array2; // false
출처:
https://www.youtube.com/watch?v=vvJVwekTbaw&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn&index=26