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}