React Hook Form - register 메소드

@2023/10/29

안녕하세요 lika-7입니다

오늘은 React Hook Form 라이브러리의 register 메서드를 설명하겠습니다

react-hook-form이란

react-hook-form이란 애플리케이션에서 폼 관련 작업을 쉽게 처리하기 위한 라이브러리 중 하나이다.

쉬운 유효성 검사와 간단한 구현이 특징입니다.

React Hook Form - performant, flexible and extensible form library

Performant, flexible and extensible forms with easy-to-use validation.

https://react-hook-form.com/

register 메서드

register는 React Hook Form 라이브러리의 메서드 중 하나입니다. 이 메서드는 폼 요소를 React Hook Form에 등록(register)하고 컨트롤러와 데이터를 연결합니다.

사용 예시

UseFormRegister<FieldValues>는 register 메서드의 반환 타입을 나타냅니다. 이것은 React Hook Form에서 내부적으로 사용되며, 폼 요소가 등록(register)된 후의 상태를 설명하는 타입입니다.

{…register(id, {required})}

id props로 받은 내용이 필드 이름이 되고

required 를 명시해 id 로 받은 필드에 내용이 입력되지 않으면 에러가 생기게 하여 데이터를 입력 받아야 하는 폼으로 지정합니다