비제어 컴포넌트 (1) 썸네일형 리스트형 [React] 제어 컴포넌트와 비제어 컴포넌트 react hook form을 사용했을 때의 장단점에 대해 알아보던 중 제어 컴포넌트(Controlled Component와 비제어 컴포넌트(Uncontrolled Component)에 대해 알게 되었다.제어 컴포넌트와 비제어 컴포넌트의 구분점은 폼 요소의 상태관리를 컨트롤 하는 방식에서 나뉜다. 제어 컴포넌트(Controlled Component)제어 컴포넌트는 폼 요소의 상태(값)이 리액트의 상태(state)를 통해 관리되는 컴포넌트이다.사용자의 입력값을 받아서 콘솔에 띄워주는 간단한 제어 컴포넌트의 예시를 작성해보았고 다음과 같다.export default function ControlledForm () { const [name, setName] = useState(''); const .. 이전 1 다음