ReactJS: обновлены заполненные формы и возвращены в исходное состояние после отмены

Question

Мне сейчас интересно, как go вернуться в исходное состояние формы после отмены.

Вот сценарий:

1. У меня есть форма с информацией о пользователе, которую я необходимо обновить.
2. В форме я уже вижу свои данные.
3. Я изменил значение в одном из полей.
4. После изменения значения я понял, Я пока не хочу его обновлять, поэтому нажимаю «Отмена».

Когда я нажимаю «Отмена», он должен go вернуться к исходным данным.

Моя текущая ситуация такова, что когда я нажимаю на кнопку отмены, я использую resetFields (); функция, которая очищает все поля ввода.

const cancel = () => {
     form.resetFields()
    }

Есть предложения?

Answer 1

Вам нужно сохранить начальное состояние, при отмене не .resetFields(), но используйте .setFields({}) для сброса.

Прочитайте документы о экземпляре формы

Вот пример :

form.setFields({ ...state })

Исходное состояние сохранения в этом формате:

{
   firstInput: {
     value: 'value', errors: []
   },
   secondInput: {
     value: 'value', errors: []
   }
}