React 배열 Push의 문제점

GABMIN KIM·2022년 1월 24일
0

React

목록 보기
1/8
post-thumbnail
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

profile
목표를 성취하는 개발자가 되겠습니다.

0개의 댓글