Как воздействовать из одного редьюсера на другой?

Question

[Дмитрий]

У меня есть стейт { cities: [], activeCity: {} }

Мне нужно, что бы если в cities добавляется город и он только один - тогда делать его активным, т.е. добавлять в activeCity.

Как это правильнее всего сделать в связке react-redux?

Answer 1

[Никита Гущин]

Поместите этот стейт в один редьюсер. Тогда вы сможете без проблем посмотреть сколько городов осталось в массиве поменять активный город

Comments

[Дмитрий]

Это вариант "в лоб") Принимается, спасибо, но есть еще какие-то способы?

[Никита Гущин]

Дмитрий: можно сделать вложенный редьюсер (один редьюсер вызывает другой, стейт будет вложенный). Или в экшен-криэйтор поместить эту логику...

[Дмитрий]

Никита Гущин: А как можно из редьюсера вызвать редьюсер? Нада же диспатчить что-то

[Никита Гущин]

Дмитрий: не обязательно. Можно сделать нечто подобное:

const innerReducer = (state = {}, action) => ...
const outerReducer = (state = {}, action) => {
  switch(action.type) {
    case: 'SOME_ACTION':
      return { ...state, someField: innerReducer(state.someField, action) }
    case 'OTHER_ACTION':
     return { ...state, someField: innerReducer(state.someField, { type: 'NEW_SHINY_ACTION', payload: 'some' }) }
  }
}
</lang>

Вы можете вызвать другой редьюсер передав туда экшен. Причем можно даже передать другой экшен, но вы должны понимать, что это не то же самое, что и диспатч: эти экшены идут прямо в редьюсер и должны быть простыми объектами с полем type. При этом не нарушается концепция редьюсера - это все еще чистая функция, без side-effects.

[Дмитрий]

Никита Гущин: понятно, интересно, это архитектурно вообще правильно так делать?

[Никита Гущин]

Дмитрий: а почему нет? При соблюдении указанных правил (чистота функции) - я не вижу проблем. Это внешний редьюсер должен соответствовать сигнатуре (state, action) => nextState. А для внутренних редьюсеров вы можете использовать любой API, например так: (state, something, otherParam) => nextState .