SAP 电商云 Spartacus UI 和路由相关的 State 处理

state,effects,action,reducer 都在这个文件夹里:
SAP 电商云 Spartacus UI 和路由相关的 State 处理_第1张图片

在 routing-state.ts 里定义了 RouterState 接口:
SAP 电商云 Spartacus UI 和路由相关的 State 处理_第2张图片

继承自 ngrx router 里的 RouterReducerState 类型,类型参数为我们自定义的 ActivatedRouterStateSnapshot.

export interface ActivatedRouterStateSnapshot {
  url: string;
  queryParams: Params;
  params: Params;
  context: PageContext;
  cmsRequired: boolean;
  semanticRoute?: string;
}

看个例子:

interface myType{
  name: T,
  value: V
};

interface jerryType extends myType{
  score: number;
}

const a: jerryType = {
  name: 'Jerry',
  value: 1,
  score: 2
};

其中 state 的类型,需要定义 RouterReducerState 的扩展类型时传入:
SAP 电商云 Spartacus UI 和路由相关的 State 处理_第3张图片

BaseRouterStoreState 类型:只有一个 url 字段:
SAP 电商云 Spartacus UI 和路由相关的 State 处理_第4张图片

我们自定义的 ActivatedRouterStateSnapshot,extends 了 BaseRouterStoreState,第一个字段就为 url:

SAP 电商云 Spartacus UI 和路由相关的 State 处理_第5张图片

看个例子:


type jerryType = {
  name: string
};
interface mySuperType{
  value: T
};

type superJerryType = {
  score: number;
  name: string;
}

let a: mySuperType = {
  value:{
    score: 1,
    name: 'Jerry'
  }
};

console.log(a);

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(SAP 电商云 Spartacus UI 和路由相关的 State 处理)