Как объединить два состояния в один объект? ⇐ Javascript

[Anonymous]

У меня есть две пары состояния/сеттера из разных источников (то есть одна из магазина и другая из состояния компонента), и мне нужно объединить их в один - потому что компонент представления необходимо изменить оба атомно. Как мне на самом деле это реализовать?const [state1, setState1] = ...
const [state2, setState2] = ...

const state3 = { ...state1, ...state2 } // straightforward
const setState3 = (func: (state: State3) => State3) => {
// what here?
// we need the current value of both states,
// and both need to be updated simulatenously somehow
// a simple approach like this doesn't work
const value = func(state3)
setState1(_.pick(func, ...))
setState2(_.pick(func, ...))
}
< /code>
В качестве примера рассмотрите простое приложение Todo. Одно государство содержит список TODO, а другое - индекс элементов. Если пользователь нажимает кнопку «Удалить», текущий элемент должен быть удален, а активный индекс обновляется, чтобы убедиться, что все еще выбран допустимый элемент. Если мы не делаем этого атомно, мы могли бы получить неверное состояние во время рендеринга. Таким образом, функции обновления нуждаются в текущих значениях обоих состояний, и она должна обновлять их оба одновременно.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... gle-object