[React] Forms 폼

이 글은 인프런 강의 소플의 처음 만난 리액트(React) 강의를 보고 정리했습니다.
https://www.inflearn.com/course/%EC%B2%98%EC%9D%8C-%EB%A7%8C%EB%82%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8

• 양식 - 회원가입 같은 것
• 사용자로부터 입력을 받기 위해 사용
• state를 통해서 데이터를 관리

controlled components

: 사용자가 입력한 값에 접근하고 제어할 수 있도록 하는 것

: 값이 리액트의 통제를 받는 input form elements를 의미

: 사용자의 입력을 직접적으로 제어할 수 있음

• html form : 자체적으로 state를 관리 - input, textarea, select
• controlled component : 모든 데이터를 state에서 관리 - state = { } , setState{}
  

value = {value}

= 리액트 컴포넌트에서 값을 받아서 넣어줌.

고객으로부터 요청사항을 입력받기 위한 폼

value에 초기값을 넣어줌

• 리액트의 select태그
  

정리-

file input tag

• uncontrolled component 리액트의 통제를 받지 않음

→ undefined, null 을 쓰면 자유롭게 입력 가능하다.