Как удобнее обновлять объект в state через хук useState()?

Question

[Mesuti]

Как лучше обновлять ключи объекта, используя хук useState()?

В state есть объект большой вложенности.
Так как хук заменяет весь объект новым, то сейчас для обновления всего двух ключей использую довольно много spread операторов для сохранения предыдущего состояния и код выглядит так:

setState(state => {
    return {
        ...state,
        result: {
            ...state.result,
            voice: {
                ...state.result.voice,
                month3: voice3month
            },
            profit:  {
                ...state.result.profit,
                month3: profit3month
            },
        }
    }
})

Каким способом лучше обновлять несколько ключей в многоуровневых объектах?

Answer 1

[Alexandroppolus]

Проще всего - использовать MobX, там как раз удобно с глубокими деревьями работать.
useState придерживается иммутабельной схемы, и ничего тут особо не сделаешь.

Comments

[Mesuti]

Спасибо за ответ!

То есть в принципе, если я такую колбасу напишу, с десятком spread операторов, то это не будет осуждаемо?
Так как без использования state менеджера

[Alexandroppolus]

Mesuti, как вариант, можно несколько отдельных useState. Но это ничего принципиально не поменяет. Спреды как раз для таких штук придуманы. Так что это да, хороший практис. В редьюсерах для редукса тоже без спредов не обходится.

[WbICHA]

Mesuti, имхо, будет намного лучше сделать глубокое клонирование и потом уже менять нужные значения:

setState(state => {
  const clone = deepClone(state)
  clone.result.voice.month3 = voice3month;
  clone.result.profit.month3 = profit3month;
  return clone;
})

Впрочем, вопрос "а нужен ли такой объект в стейте" остаётся открытым. Возможно, ты что-то делаешь не так.

[Mesuti]

WbICHA, Спасибо за ответ!

Да, объект держит все вместе и сразу видно какие ключи есть и можно вывести все данные
Если по кусочкам сохранять useState() то будет бардак =) по-крайней мере для меня..

[bevertax]

Mesuti, можно использовать библиотеку immer, которая сама управляет иммутабельностью