スキーマ関連 / getYupConstraint

getYupConstraint

Yup スキーマをイントロスペクトすることで、各フィールドの検証属性を含むオブジェクトを返すヘルパーです。

1const constraint = getYupConstraint(schema);

#パラメータ

schema

イントロスペクトされるべき Yup スキーマです。

#

1import { getYupConstraint } from '@conform-to/yup';
2import { useForm } from '@conform-to/react';
3import * as yup from 'yup';
4
5const schema = yup.object({
6  title: yup.string().required().min(5).max(20),
7  description: yup.string().optional().min(100).max(1000),
8});
9
10function Example() {
11  const [form, fields] = useForm({
12    constraint: getYupConstraint(schema),
13  });
14
15  // ...
16}