Как вернуться к начальному состоянию редюсера в redux конкретного свойства?

Question

[Vanya Huk]

Есть начальное состояние

const initialState = {
		filter_models: {
			adventure_state: null,
			type_id: null,
		}
}

после определенных действий свойство type_id изменилось, как откатиться назад к начальному состоянию только свойства type_id не затрагивая другие?

Comments

[Антон Спирин]

А зачем этот фильтр вообще вынесен в redux? Данные фильтра как-то используются в разных местах приложения? Если нет, то гораздо удобней хранить состояние в компоненте родителе. Там же инициировать запрос за данными, вот данные уже храните в redux.

[Vanya Huk]

Антон Спирин, именно, в разных местах приложения, конкретнее есть фильтр и облако тегов активных фильтров

[Антон Спирин]

Vanya Huk, ясно. А какой контекст задачи? При каком действии в интерфейсе определенное свойство должно сброситься и почему только одно?

[Vanya Huk]

Антон Спирин, по клике на крестик в облаке тегов

[Антон Спирин]

Vanya Huk, а дефолтные значения бывают отличные от null?

[Vanya Huk]

Антон Спирин, может быть пустой массив, а может быть 1 (есть радиокнопки )

[Антон Спирин]

Vanya Huk, не ясно как клик на крестик связан массивами и радио. Массивы и радио-то ведь не надо так ресетить по-одному?
Возможно стоит обновлять теги передавая весь обновленный массив:

handleRemoveTag = tag => {
  const { tags, updateFilter } = this.props;
  updateFilter({ tags: tags.filter(el => el !== tag) });
};

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

Answer 1

[Yustas Alexu]

export default function Reducer(state = initialState, action) {
  switch (action.type) {
    case RESET_TYPE_ID:
      return {
        ...state,
        filter_models: {
          ...state.filter_models,
          type_id: null
        }
      };

P.S. Но в вашем случае это плохая идея, потому что делать сброс значения на каждый пустой фильтр это не очень эффективно. Как вариант можно полностью переписывать filter_models при каждом изменении фильтра изначально отбрасывая фильтры без значений. В этом может помочь pickBy из lodash:
const filters = _.pickBy(filterSet, _.identity);

Comments

[Максим]

делать сброс значения на каждый пустой фильтр это не очень эффективно.

а по-моему вообще никаких проблем. В остальном ответ хороший, +1

Answer 2

[Максим]

после определенных действий свойство type_id изменилось, как откатиться назад к начальному состоянию только свойства type_id не затрагивая другие?

Добавлю теории: выше, Yustas Alexu написал вам код, осталось только пояснить, что в нем, вы берете все то, что есть в state, и переписываете filter_models, в котором опять же берете все что было в state.filters_models и переписываете только одно свойство.
Итого: нужно разобраться как работает оператор ..., создайте объекты разной вложенности в песочнице, и на основе ответа от Yuxus попробуйте по изменять разные поля, не ломая остальное.