数分でフォームを作成します.

スキーム

// scheme.js
export default {
    valid: null,
    formValue: {
        first_name: "",
        last_name: "",
    },
    rules: {
        first_name: [
            ["empty", "please write your first name"]
        ],
        last_name: [
            ["empty", "please write your last name"]
        ]
    }
}

フォーム

//MyForm.ts
import {useFormMod} from "formmod";

export const MyForm = () => {
const {setValue, getValue, getError, validate} = useFormMod(
        FORM_SCHEME
 );

return (
<form onSubmit={handlerSubmit}>
…
      <MyTextInput
           label={"First name"}
           value={getValue("first_name")}
           error={getError("first_name")}
           onChange={(value: string) => setValue("first_name", value)}
      />
… 
</form>
);