关于sap:SAP-电商云-Spartacus-UI-和路由相关的-State-处理

2次阅读

共计 829 个字符，预计需要花费 3 分钟才能阅读完成。

state，effects，action，reducer 都在这个文件夹里：

在 routing-state.ts 里定义了 RouterState 接口：

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

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

看个例子：

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

interface jerryType extends myType<string, number>{score: number;}

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

其中 state 的类型，须要定义 RouterReducerState 的扩大类型时传入：

BaseRouterStoreState 类型：只有一个 url 字段：

咱们自定义的 ActivatedRouterStateSnapshot，extends 了 BaseRouterStoreState，第一个字段就为 url：

看个例子：


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

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

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

console.log(a);

更多 Jerry 的原创文章，尽在：” 汪子熙 ”:

正文完