리액트 setState 사용 이유

Question

const [test, setTest] &#61; useState({}); test.value &#61; 1 console.log(test.value); 이렇게 직접 값을 넣어도value값이 넣어지는데setTest를 사용해야 하는 이유가 무엇인가요?

밥댕이 · Accepted Answer

직접 값을 바꾸면 리렌더링을 보장하지않습니다.기본적으로 해당 코드에서 setTest를 사용해야 하는 이유는 setTest가 컴포넌트의 lifeCycle 함수를 대신 호출해주기 때문입니다.여기서 setTest는 비동기식으로 동작하여 VirtualDOM에 전달된 값에따라 React는 화면을 다시 렌더링할 요소를 검사하는데 이러한 과정상 모든 변화가 동기적으로 수행되지 않고 한번에 묶여서 진행될 수 있습니다.또 직접 값을 변경하면 useEffect를 통한 lifeCycle API도 사용할 수 없기 때문에 React의 핵심 기능들이 정상적으로 동작하려면 반드시 setTest를 써야합니다.

마도사 · Answer

입력은 되긴하는데요...그렇게하면 react 에서 test가 변경된걸 모르기때문에 후속 조치가 자동으로 일어나지 않습니다.

반응콩 · Answer

값 바뀐걸 react 가 감지하지 못해서 rerender 가 안될텐데요..?

HJOW · Answer

내부 변수만 바꿀거면 상관이 없는데그 바뀐 값이 화면에도 적용이 되어야 하지 않나요?

리액트 setState 사용 이유

4개의 답변

#setstate 목록