redux: как обновить соответствующую информацию в магазине

Question

У меня есть (ngrx) магазин для массива объекта Speaker и для SelectedSpeaker. Редуктор выглядит так:

export const speakers = (state: any = [], { type, payload }) => { 

    switch (type) { 

     case SpeakerActions.TOGGLEFAVORITE: 
      return state.map(speaker => { 
      return speaker.id === payload.id ? _.assign({}, speaker, {isFavorite: !speaker.isFavorite}) : speaker; 
      }); 

    } 

} 

Я упустил неважный код. Редуктор для currentSpeaker выглядит следующим образом:

export const selectedSpeaker = (state: any = [], { type, payload }) => { 

    switch (type) { 

     case SelectedSpeakerActions.SELECT:    
      return payload; 
    } 

} 

Теперь мой вопрос, если я направить SpeakerActions.TOGGLEFAVORITE для говорящего, и это случается SelectedSpeaker, как мне обновить SelectedSpeaker в этом случае? Обратите внимание, что все это работает как часть проекта Angular2, для чего это стоит.

Answer 1

Как правило, состояние Redux должно быть полностью нормализовано - вы не должны иметь какое-либо состояние в двух местах, поскольку оно создает именно ту проблему, которую вы видите.

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

export const selectedSpeaker = (state: any = [], { type, payload }) => { 

    switch (type) { 

     case SelectedSpeakerActions.SELECT:    
      return payload.id; 
    } 

} 

Очевидно, что вам нужно будет найти выбранный динамик, где вы его используете, используя идентификатор. Вам также может быть проще иметь объект (или карту) от id => динамика в вашем хранилище динамиков, а не простой массив.