---- Contents ----164 this.setState => render() 실행! this.setState() => render() 실행! => this.setState() 무한 반복 그리하여 render() 안에는 무조건 this.setState() 쓰는 것이 아니다! 2019. 10. 11. PureComponent & props 사용 방법 import React, { PureComponent, memo } from 'react'; class Try extends PureComponent { shouldComponentUpdate(nextProps, nextState, nextContext){ } render(){ const { tryInfo } = this.props; return ( {tryInfo.try} {tryInfo.result} ) } } // hooks 에서는 PureComponent도 없고, shouldComponentUpdate도 없다. // memo를 써준다. const Try = memo(({ tryInfo }) => { return( {tryInfo.try} {tryInfo.result} ) }) export defa.. 2019. 10. 11. 리액트 렌더링 & push(X) & shouldComponentUpdate(nextProps, nextState, nextContext) & {PureComponent} 리액트 사용시 push 사용 하면 안된다.const array = [ ]; array.push(1)=>1array;=>[1] const array2 = [ ... array, 2] 기존 배열 복사해놓고, 새로운 것 넣어주기 array === array2 => false 리액트 렌더링 기준, 이전 state, 현재 state 랑 다르면 렌더링을 한다. 참조가 바껴야 된다. 알아 차릴 수 있도록 해야한다. STATE or PROPS 바뀌었을 때, 렌더가 발생한다. but setState만 호출해도 렌더링이 된다. 그래서 내장함수를 사용하여 렌더링 할 경우를 설정해줘야 한다. ex) shouldComponentUpdate(nextProps, nextState, nextContext){ if(this.state.. 2019. 10. 11. prev 1 ··· 31 32 33 34 35 36 37 ··· 55 next