728x90 300x250 SMALL 2025/02/011 제어 컴포넌트 vs 비제어 컴포넌트 제어 컴포넌트(React가 값 관리)function App() { const [text, setText] = useState(""); const handleChange = (e) => setText(e.target.value); return ;}React 상태(text)가 값을 완전히 제어사용자가 입력할 때마다 상태가 업데이트되어야만 값이 변경됨비제어 컴포넌트(DOM이 값 관리):function App() { return ;}입력값은 DOM에서만 관리되며 React는 관여하지 않음사용자가 값을 자유롭게 입력 가능 제어 컴포넌트비제어 컴포넌트데이터 관리리액트 state로 데이터 관리DOM에서 직접 데이터 관리유효성 검사쉽게 구현 가능추가 코드 작성 필요코드 복잡성복잡할 수 있음간단한 폼에 적합특수.. 2025. 2. 1. 이전 1 다음 728x90 반응형 LIST