javascript - 使用 NGRX/@Effects 处理表单状态

Question

我有一个表单，在提交时我发送了一个被效果捕捉到的 Action 。然后 effect 进行 http 调用。我想知道在完成/失败此操作后如何执行以下操作:

• 在操作完成后显示一条成功消息
• 为下次使用表单时重置所有准备好的字段
• 显示操作失败背后的错误

我知道我可以重新分配一个操作来用几个标志success、error 等来填充商店。但是，重置表单可能会通过调用功能。订阅商店并在 child 中调用相关的 reset 功能是否可以接受？就好像我希望组件能够像效果器一样听取 Action 。

Answer 1

如果您的 effect-rest 不影响商店，而只是应该显示通知 - 那么我会说有两种方式:

1) 按照您自己的建议在您的组件中注入(inject) Actions:

class SomeComponent {
    constructor(actions: Actions) {
        actions.ofType(SOME_EVENT)
            .do(myThing)
            .takeUntil(componentIsDestroyed)
            .subscribe();
    }
}

---

2) 或者根本不采用效果和操作方式，只调用一个简单的服务方法:

class SomeComponent {
    constructor(myService: CoolService) {
    }

    onClick(): void {
        mySevice.makeRequest()
            .do(myThing)
            .subscribe();
    }
}