리액트 정리
[React] 웹게임 3. 숫자야구 스프레드 연산자 [...array] 본문
mutating data.
기존 배열 복사해놓고 새 배열 넣어주기 :
리액트에서는 push로 추가하면 변한걸 감지를 못한다.
그래서 새 어레이 생성 + 기존배열을 한번 펴주고 + 새거 추가
ex. 스프레드 연산자
const array = [1];
const array2 = [...array, 2]
const array = [1];
const array2 = [...array, 2]
=> 예전 state 참조와 현재 state가 다른걸 비교
=> false면 render를 실행한다.
오브젝트도
object: {...this.state.object}
https://ko.reactjs.org/docs/optimizing-performance.html#the-power-of-not-mutating-data
성능 최적화 – React
A JavaScript library for building user interfaces
ko.reactjs.org
'리액트 > 웹게임' 카테고리의 다른 글
[React] 웹게임 기타 알고있을 것 (0) | 2020.01.31 |
---|---|
[React] 웹게임 3. 숫자야구 // ref 리액트에서 DOM에 직접적인 접근을 할 때 (0) | 2020.01.31 |
[React] 웹게임 3. 숫자야구 // 최적화(hooks) - memo (0) | 2020.01.31 |
[React] 웹게임 3. 숫자야구 // 최적화(class) - shouldComponentUpdate & PureComponent (0) | 2020.01.31 |
[React] 웹게임 3. 숫자야구 // 함수형 setState인 prevState (0) | 2020.01.31 |