KendoReact Form - OnSubmit

[Anthony]

 

 

I would like to expand on the example in the docs: https://www.telerik.com/kendo-react-ui/components/form/

When the form is submitted, I want to post the form data to an api end point which may "clean/update" the data and return back to client for additional input.  Once the response is returned, I want to update the corresponding fields; however, I don't see how I would be able to update the Form's fields using some like the following:

formRenderProps.onChange('city', { value: 'Philadelphia' });

Is there a better appro

[Anthony]

I accidentally posted before I was finished.

Is there a better approach to updating the Form's state.

 

Thanks 

Anthony

[Stefan]

Hello, Anthony,

If the entire Form has to be updated/reset we can suggest checking the following example showcasing how to update the Form data:

https://www.telerik.com/kendo-react-ui-develop/components/form/advanced-scenarios/#toc-resetting-the-form-initial-state

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Anthony]

Thanks Stefan.  

I glossed by this one because I was trying to use the html control state to manage subsequent form posts.  I was focused on the example above this one.  The one you suggested is exactally what I needed 

A subtle point is the use of the key attribute on the Form.   When I didn't have it, the controls did not update with the new values.  I have used key  when mapping a collection of objects, but I have never seen it used on a From.  My understanding is it's needed by React to determine if the virtual DOM needs to update the actual DOM.

Thanks for your help.

[xiao]

 This site is also very good