Controlled Component와 Uncontrolled Component의 차이
·
메일매일
📦Controlled Component란?React state 가 입력값을 직접 관리하는 컴포넌트를 말한다. 입력요소의 값 value를 onChange 이벤트 핸들러로 업데이트한다. state 로 관리되므로 유효성 검사나 조건부 렌더링, 복잡한 폼 로직에 유리하다.import { useState } from "react";function ControlledInput() { const [value, setValue] = useState(""); return ( setValue(e.target.value)} /> );}📦Uncontrolled Component란?state가 아닌 DOM 자체가 입력값을 관리하여 리액트는 제어하지않는다. useRef를 사용해 참조객체 ref를 사용해 D..