Oct 26, 2021 - useEffect & useState

*10월26일

 

*useEffect & useState

-effect는 class 컴포넌트의 생명주기와 100% 매칭되지는 않지만 비슷한 개념으로 이해하면 됨.

-state는 this.state.isOn, this.setState 느낌으로 이해하면 됨!

 

const [isOn, setIsOn] = useState(true); // 배열형태로 getter & setter 리턴

 

useEffect(()=>{

    const timer = setInterval(tick, DELAY); // componentDidMount 역할, useEffect scope 내

 

    return ()=>{

        clearInterval(timer); // componentWillUnmount 역할

    }

}, [isOn] )// deps 위치, ComponentDidUpdate 역할, 이전값 대비 변경되었을 시에만 실행됨, deps내에 여러 값이 있는 경우 그중 하나만 변경되어도 리렌더링 진행함