主页 / coding / 问题 / 78366250
Accepted
bilpor
Asked: 2024-04-22 20:30:39 +0800 CST

我使用 Ngrx 的子集选择器不起作用

  • 772

我正在使用 Angular 17 和 ngrx。

我有以下工作正常的选择器：

export const getPhotoState = createFeatureSelector<ProductResponse>('selectedPhotos');

export const selectPhotos = createSelector(getPhotoState, (state: ProductResponse) => { return state.results });

export const PhotoCount = createSelector(getPhotoState, (state: ProductResponse) => { return state.item_Count });

我不想编写另一个效果/减速器来发送到服务器，因为我只想获取已返回的数据的子集。

我写了以下内容：

export const XboxPhotos = createSelector(selectPhotos, (reducedPhotos) => {
  return xboxPhotos('xbox', reducedPhotos)
})

function xboxPhotos(key: string, array: any) {
  return array.reduce((all: Product[], current: Product) => {
    if (current.platform == key) {
      all.push(current);
    }
  }, []) as Product[]
}

我收到以下错误：

无法读取未定义的属性（读取“push”）

reducePhotos 是产品[]

angular

2 个回答

  1. Best Answer

    返回运算后的值

    function xboxPhotos(key: string, array: any) {
  return array.reduce((all: Product[], current: Product) => {
    if (current.platform == key) {
      all.push(current);
    }
    return all; // <- changed here
  }, []) as Product[]
}
    • 2

  2. 您正在修改累加器（在本例中为数组all），但从未返回它。如果您return all在减速器回调结束时，您将不会再看到此错误。

    • 1

相关问题