Material ui useForm for Edit Page does not initialize form values
I use material ui. At Edit Page, it cannot fill the form with api result.
Code in files.
required: "This field is required",
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{ shrink: true }}
type="text"
label={"Definition"}
name="definition"
/>
<TextField
{...register("point", {
required: "This field is required",
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{ shrink: true }}
type="number"
label={"Point"}
name="point"
/>
</Box>
</Edit>
);
};
Here api result:
{
"apiVersion": "1",
"statusCode": 200,
"responseTime": 241.5518,
"utcTimestamp": "2024-04-23T03:09:23.8333831+03:00",
"data": {
"code": "tr",
"definition": "tr",
"point": 1,
"id": "6a61e268-0aeb-469c-87e7-7b6f51f49262"
}
}
Code in files.
required: "This field is required",
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{ shrink: true }}
type="text"
label={"Definition"}
name="definition"
/>
<TextField
{...register("point", {
required: "This field is required",
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{ shrink: true }}
type="number"
label={"Point"}
name="point"
/>
</Box>
</Edit>
);
};
Here api result:
{
"apiVersion": "1",
"statusCode": 200,
"responseTime": 241.5518,
"utcTimestamp": "2024-04-23T03:09:23.8333831+03:00",
"data": {
"code": "tr",
"definition": "tr",
"point": 1,
"id": "6a61e268-0aeb-469c-87e7-7b6f51f49262"
}
}
code.txt945B
