@pickme/review
    Preparing search index...

    Function default

    • TextAreaField 컴포넌트

      이 컴포넌트는 긴 텍스트 입력을 위한 텍스트 영역(Textarea)을 렌더링합니다. React Hook Form의 Controller에서 전달받은 field 및 fieldState를 바탕으로 폼 상태를 관리하고, 에러 메시지를 표시합니다.

      기능:

      • field와 fieldState를 기반으로 폼 필드와 상태를 구성합니다.
      • 텍스트 영역 아래에 유효성 검사 실패 시 에러 메시지를 표시합니다.
      • label은 레이블 및 placeholder로 사용됩니다.

      UI 컴포넌트:

      • Field: 레이블과 입력 필드를 수평 정렬하여 감싸는 컨테이너입니다.
      • Textarea: 사용자의 입력을 받는 다중 행 입력 필드입니다.
      • Text: 유효성 오류가 있을 경우 에러 메시지를 표시하는 컴포넌트입니다.
      • Flex: 입력 필드와 에러 메시지를 수직 정렬합니다.

      Parameters

      • __namedParameters: TextAreaFieldProps

      Returns Element

      • Textarea의 placeholder는 전달된 label과 동일하게 설정됩니다.
      • field와 fieldState는 React Hook Form의 Controller로부터 주입되어야 합니다.
      <Controller
        name="answer"
        control={control}
        render={({ field, fieldState }) => (
          <TextAreaField label="답변" field={field} fieldState={fieldState} />
        )}
      />

    Settings

    Member Visibility