Form과 컨트롤 컴포넌트

ㅎㄱㅇ·2023년 12월 8일

React공부

목록 보기
13/18

From

  • 사용자로부터 입력을 받기 위해 사용

  • 엘리먼트 내부에 각각의 state가 존재
  • 사용자가 입력한 값에 접근하고 관리하기 어려움


Controlled components

  • 사용자가 입력한 값에 접근하고 제어할 수 있도록 해주는 컴포넌트
  • 리액트의 통제를 받음


다양한 Form

textarea 태그

  • HTML textarea
<textarea>
	안녕하세요, 여기에 이렇게 텍스트가 들어가게 됩니다.
</textarea>
  • React

select 태그

  • HTML select 태그
  • React



File Input 태그

  • 디바이스의 저장 장치로부터 하나 또는 여러 개의 파일을 선택할 수 있게 해주는 HTML 태그
  • HTML file Input 태그
<input type="file" />
  • 읽기 전용이기 때문에 react에서는 uncontrolled component가 된다(값이 리액트의 통제를 받지 않음)
  • 하나의 컴포넌트에서 여러개의 입력을 다루기 위해서는 여러 개의 state를 선언하여 각각의 입력에 대해 사용한다

0개의 댓글