E
Попробуй небольшой хак, пробрось данные в функцию клика на прямую
Size: a a a
2021 June 17
И
Как можно обработать массив с ошибками и присобачить к конкретному input ошибку? т.е. если есть ошибка в username из массива взять ошибку где есть поле username. Дом элемента для отображения ошибки нет, но это не суть.
DR
Бери либы для форм react-final-form/react-hook-form/куча других
И
клиентскую обработку валидации не делаю. Ошибка валидации прилетает мне с сервера
el
попроси бэкенд ошибки возвращать не массивом, а объектом, либо сам трансформируй в объект
Ю
без библиотек сделай функицию, которая принимает массив ошибок и название инпута. И если в массиве есть ошибки по указаному инпуту - возвращать эту ошибку. И добавить ее под каждый инпут с нужными параметрами, что б если есть ошибка то она появлялась
В
const settersErr = {
username: setUsernameErr,
password: setPasswordErr,
}
Object.keys(registerValidateErr).forEach(key => settersErr[key](registerValidateErr[key]) )
username: setUsernameErr,
password: setPasswordErr,
}
Object.keys(registerValidateErr).forEach(key => settersErr[key](registerValidateErr[key]) )
DR
Не важно
В
Но вообще лучше либа для форм
И
Да буду использовать UseForm, но я хочу понять просто как мне серверные ошибки валидации обрабатывать)
Ю
дык. в юзформ передавать готвую ошибку. Там же их сетать можно
В
Я с телефона пишу, поэтому чуть сложнее помочь, увидел, что это массив объектов, поэтому немного перебор поменяется, но суть та же
И
понял. по ключам в массиве пробегусь. спасибо
В
Пожалуйста
И
я думаю это можно делать в useEffect в зависимость передать массив?
В
Да и при изменении данных, он обновит ошибки
И
ок
И
а если в массиве при трансформации окажется два одинаковых поля, сообщения просто складывать ?
el
да, наверное да. тогда будет объект у которого ключ - название поля, а значение - массив ошибок
И
ну тогда думаю лучше на сервере переделать