class와 hooks의 라이프사이클 비교

비교


=> class 라이프사이클은 가로) 모든 state 관리
=> hooks의 라이프사이클은 세로) 하나의 state만 관리

(1) class 라이프사이클

componentDidMount () {
	this.setState({
    	imfCoord: 3,
        score: 0,
        result: 2,
    )}
}

=> 한 번에 처리 가능

(2) hooks 라이프사이클

useEffect(() => {
	setImgCoord();
    setScore();
}, [imgCoord, score]);

useEffect(() => {
	setResult();
}, [result]);

좋은 웹페이지 즐겨찾기