value와 onChange를 함께 두어 사용자가 입력한 문자열을 state에 반영합니다.
form state
제어 컴포넌트 입력 원천
input, textarea, select 값을 state로 관리하면 화면 입력과 React 데이터가 같은 값을 바라보도록 만들 수 있습니다.
name 속성과 단일 핸들러를 이용하면 여러 입력을 하나의 객체 state로 관리할 수 있습니다.
textarea와 select도 같은 제어 패턴으로 현재 값을 React가 알게 만듭니다.
입력 요소의 value가 state와 연결되어 있는지 확인한다.
onChange에서 e.target.value를 다음 상태로 반영한다.
여러 필드는 name을 기준으로 어떤 값을 바꿀지 구분한다.
제출 시 현재 state가 필요한 데이터 형태인지 점검한다.