Angular NgRx 选择器无法读取未定义的属性

Question

所以我需要帮助，试图找出我的学校项目示例，了解如何将 NgRx 与 api 服务结合使用。

我在 ngrx 选择器 createSelector() 中遇到错误，无法读取未定义的属性。

这里是 StackBlitz:https://stackblitz.com/github/NikolaLukic1/ngrx-example

我想我在 reducer 或 app.module.ts 中搞砸了一些东西

Answer 1

您的选择器不好。首先，您必须检查该状态是否具有名为“posts”的属性，然后请求它，这是当今的一个常见问题。

在这里您可以找到您的 stackBlitz更新和工作。

你需要的代码在这里:

import { createSelector } from '@ngrx/store';

const selectPosts = (state: any) => state.hasOwnProperty('posts') ? state.posts : '';

export const selectedPosts = createSelector(
  selectPosts,
  (state: any) => {
    return state.hasOwnProperty('posts') ? state.posts : '';
  }
);