Hi there, I'm trying to use a state hook and an effect hook to update the initialValues, but the form fields are not filled after the initialValues is updated. Is that an expected behavior? If so, how could I load the Form after I fetched initialValues from api? Thank you.
"@progress/kendo-react-form": "^5.4.0",
1 Answer, 1 is accepted
Rank 2
Iron
Iron
Iron
It turns out that I also need to update the key, https://www.telerik.com/kendo-react-ui/components/form/advanced-scenarios/#toc-resetting-the-form-initial-state
<FormonSubmit={handleSubmit}
initialValues={init}
key={JSON.stringify(init)}
Hi Yiheng,
As you have found out, in order to update the initialValue for the Form you will also have to update the "key" value, so that the Form can re-mount with the new values.
In order to avoid any issues with the key values, you can use "new Date()" or some incrementing value instead, which will ensure that you are always setting unique value.
Please let us know if further assistance is needed.
Rank 2
Iron
Iron
Iron
https://stackblitz.com/edit/react-ns48nl?file=app%2Fmain.jsx