AngularNGXS不更新选择器,除非状态中的所选数据发生更改。
创始人
2024-10-28 18:31:22
0

使用memoization函数来保存上一次选择器的结果,并在数据变化时重新计算选择器。

示例代码:

import { createSelector } from '@ngxs/store';

export class MyStateModel {
  data: string[];
  selectedId: number;
}

export class MyState {
  @Selector()
  static selectedData(state: MyStateModel) {
    return state.data.find(d => d.id === state.selectedId);
  }
  
  @Selector()
  static otherData(state: MyStateModel) {
    const selectedData = MyState.selectedData(state); // 通过调用选择器获取所选数据
    // 处理其他数据
    return processedData;
  }

  @Action(UpdateSelection)
  updateSelection(ctx: StateContext, { selectionId }: UpdateSelection) {
    const state = ctx.getState();
    if (state.selectedId !== selectionId) {
      ctx.patchState({ selectedId: selectionId });
      MyState.otherData.release(); // 释放先前的memoization缓存
    }
  }
}

export function memoize(fn: (arg: T) => U): (arg: T) => U {
  let lastArg: T;
  let lastResult: U;
  return arg => {
    if (arg === lastArg) {
      return lastResult;
    }
    lastArg = arg;
    lastResult = fn(arg);
    return lastResult;
  };
}

// 创建一个选择器的memoize包装器
function memoizeSelector(selector: (arg: T) => U) {
  const memoizedSelector = createSelector(selector);
  return memoize(memoizedSelector);
}

// 在组件中使用memoizeSelector
export class MyComponent {
  selectedData$ = memoizeSelector(MyState.selectedData);
  otherData$ = memoizeSelector(MyState.otherData);

  constructor(private store: Store) {}

  updateSelection(id: number) {
    this.store.dispatch(new UpdateSelection(id));
  }
}

相关内容

热门资讯

透视肯定!aapoker真的假... 透视肯定!aapoker真的假的(透视)透视方法(一贯真的有挂)aapoker真的假的是一种具有地方...
透视辅助!aapoker透视怎... 透视辅助!aapoker透视怎么用(透视)透视脚本下载(确实真的是有挂)1、进入到aapoker透视...
透视玄学!aapoker如何设... 透视玄学!aapoker如何设置胜率(透视)透视脚本(确实是真的有挂);1.aapoker如何设置胜...
透视ai代打!aapoker透... 透视ai代打!aapoker透视脚本(透视)ai插件(一贯是有挂);1、任何aapoker透视脚本a...
透视神器!aapoker怎么开... 透视神器!aapoker怎么开辅助器(透视)发牌逻辑(原来有挂)在进入aapoker怎么开辅助器辅助...
透视模拟器!aapoker透视... 透视模拟器!aapoker透视脚本下载(透视)透视脚本(切实存在有挂)进入游戏-大厅左侧-新手福利-...
透视工具!aapoker辅助软... 透视工具!aapoker辅助软件合法吗(透视)透视脚本入口(总是有挂)1、打开软件启动之后找到中间准...
透视好友房!aapoker怎么... 透视好友房!aapoker怎么提高中牌率(透视)透视插件(本来是真的有挂)1、下载好aapoker怎...
透视代打!aa poker透视... 透视代打!aa poker透视软件(透视)透视脚本(其实真的是有挂)1、操作简单,无需注册,只需要使...
透视辅助!aapoker真的假... 透视辅助!aapoker真的假的(透视)辅助插件工具(竟然真的有挂);1)aapoker真的假的辅助...