Всем привет! Подскажите как лучше организовать такую задачу: работа с формами, поля и количетсво полей приходят с бека (обычные инпуты). Полей для формы может прийти 10, может 20 и тд.

Поля приходят в таком виде:
`[{ field: a, value: 'A-value'}, { field: b, value: 'B-value'}].

Значение пользователь может изменить + по итогу может откатить свои изменения (соответственно нужно хранить изначальное значение).

Если я эти все данные по полям пихаю в 1 стейт, значит у них будет общий onChange хандрел, который будет подписан в useCallback на изменения всей формы. Соответственно при изменении 1-го поля, перерендериваются все другие. Как в этом случае лучше хранить в стейте текущее состояние каждого из полей?

(юзать formin, react-form-hook и тд, к сожалению, не можем использовать, нужно писать руками)

К тебе

Всем привет! Подскажите как лучше организовать такую задачу: работа с формами, поля и количетсво полей приходят с бека (обычные инпуты). Полей для формы может прийти 10, может 20 и тд.

Поля приходят в таком виде:
`[{ field: a, value: 'A-value'}, { field: b, value: 'B-value'}].

Значение пользователь может изменить + по итогу может откатить свои изменения (соответственно нужно хранить изначальное значение).

Если я эти все данные по полям пихаю в 1 стейт, значит у них будет общий onChange хандрел, который будет подписан в useCallback на изменения всей формы. Соответственно при изменении 1-го поля, перерендериваются все другие. Как в этом случае лучше хранить в стейте текущее состояние каждого из полей?

(юзать formin, react-form-hook и тд, к сожалению, не можем использовать, нужно писать руками)

щас почитаю
Делаю туду по видео на ютубе , там на классах , а я стараюсь переписывать на hooki и там все работает в таком порядке .
Щас почитаю , спасибо !)
@undefned спасибо !

boba

let user = {name: "Biba"}
let admin = user

admin.name = "Boba"

Что будет в user.name?

Объект один и тот же

мемоизировать поля и отдавать им голые данные при изменении которых они будут перерисовываться.

Никогда не мутируйте this.state напрямую, так как более поздний вызов setState() может перезаписать эту мутацию. Относитесь к this.state как к иммутабельному объекту. 😅😅😅 Из доки

мы ведь не копию делаем

Я думал просто общаетесь

Хорошо. В первую очередь советую прочесть документацию реакта, а не смотреть видео