如何仅从商店获得最后值？

Question

这是我的选择器的使用： -

private loadTree() {

    this.loading = true;

    this.store.select(transitionListSelector).pipe().subscribe(data => {
      console.log(data);
      data.map(item => {
        console.log(item);
        this.treeItems.push({ label: item.name, leaf: false, ...item });
      })
      this.loading = false;

    });

  }

这是我的选择器： -

export const transitionListSelector = createSelector(
    topicModuleSelector,
    (s) => s.transitionListState.transition
);

这是我的还原器： -

export const transitionListReducer = createReducer(
    initialTopicModuleState.transitionListState,
    on(actions.listTransitionAction, (s) => {
        return { ...s, transition: [] };
    }),
    on(actions.listTransitionSuccessAction, (s, { transition }) => {
        return { ...s, transition };
    })
);

export function transitionListReducerMap(s: any, a: Action): any {
    return transitionListReducer(s, a);
}

这是我的主题模块化： -

export interface TopicModuleState {
        
     transitionListState: TransitionListState;
    
    } 
export interface TransitionListState {
    transition: Transition[];
}

export const initialTopicModuleState: TopicModuleState = {
    
    transitionListState: {
        transition: []
    }
};

在此处输入图像描述

如您在控制台中所见，我将获得2个结果，第一个是空数组，第二个是实际结果。我只需要实际的结果。

Answer 1

初始化商店时，您的选择器会获取初始值。如果跳过初始值，则可以使用跳过操作员。

this.store.select(transitionListSelector).pipe(skip(1))

而且，我认为当列表TransitionAction派遣时，您不应该设置一个空数组。创建ListTransitionActionFail操作，并使用此操作设置一个空数组。然后将加载状态移至NGRX状态。