NGRX还原器集数组到对象内的内部

发布于 2025-01-27 04:18:43 字数 838 浏览 5 评论 0原文

我的存储对象结构如下所示，

{
   "fooObject":[
      {
         "id":1,
         "somefield":"bla bla",
         "orderArray":[
            {
               "id":1,
               "somefield":"a"
            },
            {
               "id":2,
               "somefield":"b"
            },
            {
               "id":3,
               "somefield":"c"
            }
         ]
      }          
   ]
}

我需要使 orderaray 在NGRX还原器上为空。而且只需要更改该数组即可。我试图跟随以获得所需的行为，但没有成功。我也尝试使用地图方法，但它失败了。

on(ProductionLineAction.successSetInitialStateScheduledOrderLine, (state, action) => {
    return {
      ...state,
      fooObject: [
        ...state.productionLinesDisplayDetails,
        {
          orderArray: action.scheduledOrders
        }
      ]
    }
  }),

原文

I have Store object structure as follows

{
   "fooObject":[
      {
         "id":1,
         "somefield":"bla bla",
         "orderArray":[
            {
               "id":1,
               "somefield":"a"
            },
            {
               "id":2,
               "somefield":"b"
            },
            {
               "id":3,
               "somefield":"c"
            }
         ]
      }          
   ]
}

I need to make the orderArray empty on the NGRX reducer. and only need to change that array. I attempted to following to obtain my desired behavior but was unsuccessful.I tried using the Map method as well, but it failed.

on(ProductionLineAction.successSetInitialStateScheduledOrderLine, (state, action) => {
    return {
      ...state,
      fooObject: [
        ...state.productionLinesDisplayDetails,
        {
          orderArray: action.scheduledOrders
        }
      ]
    }
  }),

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你另情深 2025-02-03 04:18:43

还原器将冻结状态树中的所有对象，因此您必须创建一个具有新数据副本的新数组。

on(ProductionLineAction.successSetInitialStateScheduledOrderLine, (state, action) => {
    return {
      ...state,
      fooObject: state.fooObject.map(obj => ({
      ...obj, // copy all other old values in each fooObject
      orderArray: [] // replace the order-array with new empty array.
      }))
    }
  }),

The reducer will have frozen all the objects in the state tree so you'll have to create a new array with a new copy of the data.

on(ProductionLineAction.successSetInitialStateScheduledOrderLine, (state, action) => {
    return {
      ...state,
      fooObject: state.fooObject.map(obj => ({
      ...obj, // copy all other old values in each fooObject
      orderArray: [] // replace the order-array with new empty array.
      }))
    }
  }),

回复收藏 0 原文

~没有更多了~