react의 useLayoutEffect 에 대해서 물어봅니다.

Question

안녕하세요.react 의 useLayoutEffect 는 useEffect 와 달리 DOM 의 paint 전에 수행되는 것으로 알고 있습니다.그러하다면 이러한 경우에는 어떻게 동작을 하나요?useLayoutEffect(() &#61;> {setTest(1);}, []);useLayoutEffect(() &#61;> {if(Test) setTest2(1);}, [Test]);2개의 useLayoutEffet가 있고, 첫 번째 useLayoutEffect(A) 내부에 setState가 있으며, 두 번째 useLayoutEffect(B) 는 디펜던시로 해당 state 를 가지며, 함수 내부에서 state 를 활용하고 있습니다.이러한 경우 단 1번의 paint 만으로 일어나는 것일까요??(A -> setState -> B 수행-> paint, 혹은 A -> B -> setState -> B 디펜던시로 다시 B 와서 수행-> paint)아니면 2번의 paint 가 일어나는 것일까요?? (A -> B -> setState 반영 -> paint -> B 디펜던시 -> B 수행 -> paint)일단 별개의 useEffect 를 두고 콘솔로 확인해 본 결과 2번의 paint 가 일어나는 것 같은데 맞을까요??

react의 useLayoutEffect 에 대해서 물어봅니다.

0개의 답변

기술 목록