Basic
Object Field
Membuat field bersarang dari object schema.
Object Field membaca property di dalam z.object() secara rekursif. Bentuk defaultValues mengikuti struktur object pada schema. Nilai type yang dikembalikan object
Penggunaan
Simpan form.tsx dan schema.ts di folder yang sama.
"use client";
import { useForm } from "@tanstack/react-form";
import { ErlForm } from "erlangform";
import { schema, type FormValues } from "./schema";
export default function ObjectForm() {
const form = useForm({
defaultValues: {
profile: {
firstName: "",
lastName: "",
},
},
validators: { onChange: schema },
onSubmit: ({ value }) => console.log(value),
});
return (
<form
onSubmit={(event) => {
event.preventDefault();
void form.handleSubmit();
}}
>
<ErlForm<FormValues>
form={form}
schema={schema}
/>
<button type="submit">Simpan profile</button>
</form>
);
}Nilai hasil form tetap bersarang, misalnya value.profile.firstName dan value.profile.lastName.