调度商店操作时出错

Question

我有一个看起来像这样的模型。

    export class BankAccount {
  id?: string;
  accountNumber: string;
  accountTitle: string;
  userImage: string;
  currentBalance: number;
  email: string;
  phoneNumber: string;
  accountStatus: AccountStatus;
}
export enum AccountStatus {
  Active = 0,
  InActive = 1,
}

并且动作是这样定义的。

export const bankAccountCreating = createAction(
'[Create New Account Component] Account Creating',
 props<{ acct: BankAccount }>()
);

所以我有一个填充、对象和调度的角度形式

 this.store.dispatch(bankAccountCreating({ acct: this.bankAccount }));

这里我得到错误

在 acct 检测到不可序列化的操作

请注意，我没有此操作的减速器，因为它只是触发效果但不会更新商店。

更新

    export class BankAccount {
  id?: string;
  accountNumber: string;
  accountTitle: string;
  userImage?: string;
  currentBalance: number;
  email: string;
  phoneNumber: string;
  // accountStatus: AccountStatus;
}
export enum AccountStatus {
  Active = 0,
  InActive = 1,
}

Answer 1

问题在于您的数据。

你的班级被定义为：-

 export class BankAccount {
  id?: string;
  accountNumber: string;
  accountTitle: string;
  userImage: string;
  currentBalance: number;
  email: string;
  phoneNumber: string;
  accountStatus: AccountStatus;
}

您将当前余额作为字符串发送，该字符串应该是一个数字，accountStatus 作为字符串发送，它需要一个 accountstatus 对象，并且没有用户图像字符串是强制性的。

Answer 2

类不可序列化，您可以使用接口来解决此问题或禁用可序列化运行时检查。

请参阅docs 了解更多信息。