리액트 hook useState호출 순서 왜이럴까요?

Question

const Page = () => { const [a, setA] = useState(1); const [b, setB] = useState(2); const [c, setC] = useState(3); return ( ); }; 호출하면aaaabbbbccccddddabc 순으로 될줄 알았는데 최초에 다음과 같이 호출됩니다.aaaaabbbbccccddddbc 도대체 왜이런가요 ㅠㅠ

오징어먹물식빵 · Answer

useState의 비동기적 속성, 함수형 업데이트

KIMYOUNGRAN · Answer

set을해도 바로바로 들어가는게아니라 라이프사이클에 맞게 들어가게됩니다. State호출위치는 렌더링전이므로 한바퀴 돌기전에는 데이터가 들어가지않아서 생기는 문제입니다.

리액트 hook useState호출 순서 왜이럴까요?

2개의 답변

#hook 목록