[React] 의존성 배열 deps를 이용해서 리렌더링하기

리렌더링을 하는 방법은 많지만 가장 베이직한 방법은 역시 deps를 이용하는 것이다.

    useEffect(() => {
		//생략
    }, [List]);

이렇게 useEffect의 deps에 List라는 변수를 넣어주면 된다.

 

이를 응용해서 원하는 타이밍에 리렌더링을 하고싶으면 deps에 리렌더링용 변수를 만들어서

원하는 시점에 변수를 업데이트 시키면 된다.

 

 

const { updateCount, setUpdateCount } = useEffect(0)

//리렌더링이 되야하는 시점에 setUpdateCount에 +1 을 하고

    useEffect(() => {
		//생략
    }, [updateCount]);
    
    //이렇게 deps로 사용하면 된다.

 

 

예시는 +1로 하는걸로 했지만 boolean으로 해도 되고..다양하게 활용가능하다.