Я использую useSatate для управления ошибками формы:
const [formErrorObj, updateForErrormObj] = useState({
name_error: '',
email_error: '',
contact_number_error: '',
username_error: '',
password_error: '',
promo_mail_error: ''
})
, и именно здесь я создаю объект со всеми ошибками формы:
function onSubmitHandler(event) {
event.preventDefault();
const error = validate();
if (error) {
const errorList = error.error.details;
const newErrorObj = {};
for (let err in errorList) {
newErrorObj[error.error.details[err].context.key + '_error'] = error.error.details[err].message
}
updateForErrormObj({ ...formErrorObj, ...newErrorObj })
console.log(newErrorObj, formErrorObj)
}
}
Недавно созданный объект выглядит примерно так это:
contact_number_error: ""Contact Number" is not allowed to be empty"
email_error: ""Email" must be a valid email"
name_error: ""Username" is not allowed to be empty"
password_error: ""Password" length must be at least 5 characters long"
username_error: ""Username" is not allowed to be empty"
__proto__: Object
После проверки, когда я пытаюсь обновить состояние, используя:
updateForErrormObj({ newErrorObj }) // try 1
updateForErrormObj(newErrorObj) // try 2
updateForErrormObj({ ...formErrorObj, ...newErrorObj }) // try 3
я не пытался из трех работ. Я не уверен, что делаю здесь не так.