在我的 Actions 中我有：

export const GetSwivlr = createAction(
  GET_SWIVLR,
  props<{ payload: Swivlr[] }>()
);......

在我的 Reducer 中我有：

export const reducer = createReducer(
  initialState,
  on(SwivlrActions.AddSwivlr, (state, { payload }) => {
    return adapter.addOne(payload, state)
  }),
  on(SwivlrActions.RemoveSwivlr, (state, { payload }) => {
    return adapter.removeOne(payload, state)
  }),
  on(SwivlrActions.GetSwivlr, (state, { payload }) => {
    return adapter.setAll(payload, state)
  })
);

在我的效果中我有：

export class SwivlrEffects {
  constructor(private crudService: CrudService,
    private readonly actions$: Actions
  ) { }

  public readonly getSwivlr$ = createEffect(() => 
     this.actions$.pipe(ofType(GetSwivlr),
      mergeMap(() => this.crudService.getAll<Swivlr[]>('endpointAddress').pipe(
        map(swivlr => ({ type: GET_SWIVLR, payload: swivlr})))),
      catchError((error: string | null) =>
         of(FailSwivlr))
    )
  );
}

最初，我的所有操作都被声明为函数而不是 const，并且我将每个操作作为 Action 而不是 createAction 返回。

使用调度程序将我的 Actions 声明为函数时不会导致任何错误：

this.store.dispatch({ type: GET_SWIVLR });

但是现在却导致错误，我想我只需要将调用更改为：

this.store.dispatch(GetSwivlr());

但是，这个 const 附加了一个 props。我相信成功调用我的 Api 后，效果中会填充以下内容。

有人可以建议我如何更改此调用吗？

我收到 2 个错误，第一个：

Error: Effect "SwivlrEffects.getSwivlr$" dispatched as invalid action: undefined

第二个错误：

TypeError: Dispatch expected an object, instead it received a function.

为了详细说明我组件中的 @Antons 答案，我现在有：

....
 tiles$: Observable<Swivlr[]> = this.store.select(state => state.tiles);

  returnval: Swivlr[];

  constructor(private store: Store<{tiles: Swivlr[] }>) {
    this.returnval = [];
  }

  ngOnInit() {
    this.store.dispatch(GetSwivlr({ payload: this.returnval }));
    }
....