form control

값 추적이 필요하면 제어, 순간 참조면 비제어를 선택한다

폼 입력은 매 렌더마다 상태를 관리해야 하는지, 제출 시점에만 읽으면 되는지에 따라 구현 방식이 달라집니다.

1

선택

실시간 미리보기와 조건부 UI가 있으면 제어로 둡니다.

2

참조

파일 입력처럼 DOM 값이 원본이면 ref로 읽습니다.

3

혼합

중요 필드는 제어하고 단순 필드는 비제어로 줄입니다.

4

전환

중간에 controlled와 uncontrolled를 섞지 않게 초기값을 고정합니다.

선택참조혼합전환
value

상태가 단일 원천

ref

제출 시점에 읽기

default

초기값만 DOM에 전달

폼 방식은 취향 문제가 아니라 검증 시점, 상태 공유, 렌더 비용을 함께 보고 고르는 설계 선택입니다.