This is a question about: Improve the Performance of your React Forms

In the example, submitting the form successfully will still retain the current values of the fields.

I want the behavior such that"

1. when the server response says the form is NOT submitted successfully, then the form field will have the current values that has been inputted by the user
2. But when the server response says that the form is successfully submitted, then the form fields will be blank again.

What's do you think is the best and most performant (and readable) code to approach this in pure React? The approach which will reduce the amount of unnecessary rerenders of the fields?

Thank you!

• Updated code sandbox