form default value
with a code like the following, how can I set a value programmatically ?
<FormControl fullWidth>
<FormLabel
requires
>
{t(
"order-items.fields.customer",
)}
</FormLabel>
<Controller
control={control}
name="customer"
rules={{
required: t("errors.required") + ': ' + t("order-items.fields.customer"),
}}
defaultValue={null as any}
render={({ field }) => (
<Autocomplete
size="small"
{...customersdata}
{...field}
onChange={(, value) => {
field.onChange(value);
}}
getOptionLabel={(item) => {
return item.customer_legal_name
? item.customer_legal_name
: "";
}}
isOptionEqualToValue={(
option,
value,
) =>
value === undefined ||
option?.id?.toString() ===
(
value?.id ??
value
)?.toString()
}
renderInput={(params) => (
<TextField
{...params}
variant="outlined"
error={
!!errors.customer
?.message
}
required
/>
)}
/>
)}
/>
</FormControl>
<FormControl fullWidth>
<FormLabel
requires
>
{t(
"order-items.fields.customer",
)}
</FormLabel>
<Controller
control={control}
name="customer"
rules={{
required: t("errors.required") + ': ' + t("order-items.fields.customer"),
}}
defaultValue={null as any}
render={({ field }) => (
<Autocomplete
size="small"
{...customersdata}
{...field}
onChange={(, value) => {
field.onChange(value);
}}
getOptionLabel={(item) => {
return item.customer_legal_name
? item.customer_legal_name
: "";
}}
isOptionEqualToValue={(
option,
value,
) =>
value === undefined ||
option?.id?.toString() ===
(
value?.id ??
value
)?.toString()
}
renderInput={(params) => (
<TextField
{...params}
variant="outlined"
error={
!!errors.customer
?.message
}
required
/>
)}
/>
)}
/>
</FormControl>
