Angular Селектор NgRx не может прочитать свойство undefined

Question

Поэтому мне нужна помощь, пытаясь выяснить пример моего школьного проекта об использовании NgRx со службами API.

Я получаю ошибку в селекторе ngrx createSelector (), не могу прочитать свойство undefined.

Вот StackBlitz: https://stackblitz.com/github/NikolaLukic1/ngrx-example

Полагаю, я что-то напутал с редукторами или в 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 : '';
  }
);