селекторная подписка не вызывается - PullRequest
Новая
       9

селекторная подписка не вызывается

1 голос
/ 21 марта 2019

Может кто-нибудь объяснить, когда именно называется selector подписка?Мое предыдущее понимание было, когда редуктор изменяет state (создается некоторая разница), вызывается selector.Но в следующем коде этого не происходит.

Следующий селектор (строка A) не вызывается при отправке SaveVersionSuccess.В редукторе меняю state.version.versions[0].updated_fields.workflow с true на false.

Может кто-нибудь объяснить почему? stackblitz 

@Select(state => state.version.versions) version$: Observable<any[]>;
ngOnInit(): void {
    this.version$.subscribe((versions) => {//line A
      alert()
    });
  }


  test(){
    this.store.dispatch([
      new SaveVersionSuccess({bot:null, version:{id: 1, updated_fields:{'workflow':false}}})
    ]);

Редуктор 

  @Action(SaveVersionSuccess)
  SaveVersionSuccess({patchState, setState, getState, dispatch,}: StateContext<ICodeInputState>, {payload}: SaveVersionSuccess) {
    let state = getState();
    let index = state.versions.findIndex((version) => version.id === payload.version.id);
    let index_pristine = state.versions_pristine.findIndex((version) => version.id === payload.version.id);

    state.versions[index] = {
      ...payload.version
    };
    state.versions_pristine[index_pristine] = {
      ...payload.version
    };
    patchState({...state});
}

Исходное состояние 

const codeInputState: ICodeInputState = {
  versions: [{id: 1, updated_fields:{'workflow':true}}],
  versions_pristine: [{id: 1, updated_fields:{'workflow':true}}]
};

1 Ответ

0 голосов
/ 25 марта 2019

Как отмечается в комментариях, это выглядит как проблема с неизменяемостью при исправлении состояния, оригинал изменяет существующее состояние, а не исправляет новое состояние.

Я пробовал эту версию на вашем StackBlitz, похоже, работает какЯ думаю, что вы хотите: 

@Action(SaveVersionSuccess)
  SaveVersionSuccess({patchState, setState, getState, dispatch,}: StateContext<ICodeInputState>, {payload}: SaveVersionSuccess) {
    let state = getState();
    let index = state.versions.findIndex((version) => version.id === payload.version.id);
    let index_pristine = state.versions_pristine.findIndex((version) => version.id === payload.version.id);

    // Create a new versions array
    const versions = [...state.versions];
    // Patch the value at the required index
    versions[index] = payload.version;

    // Create a new versions_pristine array
    const versions_pristine = [...state.versions_pristine];
    // Patch the value at the required index
    versions_pristine[index_pristine] = payload.version;

    // Patch the state with the new arrays    
    patchState({
      versions: versions,
      versions_pristine: versions_pristine
    });
  }
...