Form errors

Form errors

폼 오류(errors) 객체의 동작과 FormErrors 타입을 다루는 문서예요. false, null, undefined인 오류는 자동으로 제거된다는 점에 주의해요.

출처: 문서

본문

false, null, undefined인 오류는 자동으로 제거돼요.

import { useForm } from '@mantine/form';

const form = useForm({
  mode: 'uncontrolled',
  initialErrors: { name: 'name-error', email: null },
});

form.errors; // -> { name: 'name-error' }, email 오류는 errors 객체에 포함되지 않아요

FormErrors 타입

form.errors의 타입은 Record<string, string>이에요. @mantine/form에서 축약형 FormErrors 타입을 임포트할 수 있어요.

import type { FormErrors } from '@mantine/form';

form 인스턴스에서 직접 타입을 가져올 수도 있어요.

import { useForm } from '@mantine/form';

const form = useForm({ mode: 'uncontrolled' });

const handleErrors = (errors: typeof form.errors) => {};

더 알아보기 (Learn more)