제어컴포넌트
-
제어 컴포넌트, 비제어 컴포넌트프론트엔드 개발자가 될거야./react 2023. 12. 5. 13:06
input같이 form 관련된 컴포넌트를 다룰 때 사용되는 개념 각각의 개념을 요약하자면, 제어 컴포넌트는 React로 폼 데이터를 관리하는 방식(useState)이고, 비제어 컴포넌트는 React의 상태를 사용하지 않고 폼 데이터를 관리하는 방식(useRef)이다. useState로 불필요한 렌더링이 필요없는 경우에는 useRef를 사용하는 것이 더 좋으니 각각의 상황에 따라 선택하여 사용해보자! 제어 컴포넌트 VS 비제어 컴포넌트 (useState) 사용자 입력을 기반으로 자신의 state를 관리하고 업데이트한다. 즉, 사용자의 입력을 받는 컴포넌트에 event 객체를 이용해 setState()로 값을 저장하는 방식이다. 사용자가 입력한 값과 저장되는 값이 실시간으로 동기화된다. 제어 컴포넌트의 값은..