렌더링은 state가 변경되었을 때 발생
class에서는 render부분이 재실행
hooks에서는 함수컴포넌트 전체가 재실행
배열에 값을 변경하는 경우 배열 자체가 변하지 않으므로 render가 발생하지 않음
arr1.push(1)과 같이하면 arr1===arr1 이므로 render가 일어나지 않음
arr2 = [...arr, 1]과 새로운 배열에 원래 배열 + 추가할 값을 넣어주어서 arr1!==arr2로 render를 발생 시킴
해당 게시글은 www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn&index=1&ab_channel=ZeroChoTV 의 강의내용을 기반으로 공부한 내용을 정리한 글입니다.
'React' 카테고리의 다른 글
[React] 조건문, 삼항 연산자 (0) | 2020.11.06 |
---|---|
[React] 성능 최적화, PureComponent, memo, shouldComponentUpdate, React dev tools (0) | 2020.11.05 |
[React] 반복문, map (0) | 2020.11.05 |
[React] 웹팩(webpack) (0) | 2020.11.05 |
[React] Hooks, 코드 비교 (0) | 2020.11.05 |