angular - NGRX-如何通过reducer更新数组中对象的字段？(NGRX - How to update a field in an object in an array by reducer?)

Question

How can I update a field in an array by reducer?

(如何通过reducer更新数组中的字段？)

I tried this:

(我尝试了这个：)

const customers = state.filteredCustomers;
for (const customer of customers) {
    for (const addr of customer.addresses) {
         addr.selected = false;
    }
}

return {
    ...state,
    filteredCustomers: customers,
};

But it throws an error:

(但这会引发错误：)

 TypeError: Cannot assign to read only property 'selected' of object '[object Object]'

What is the best way to do this?

(做这个的最好方式是什么？)

  ask by Moein Hosseini translate from so

Answer 1

The error seems to be one of mutating some immutable reference.

(该错误似乎是使某些不可变的引用发生变异的原因之一。)

I would try something like this.

(我会尝试这样的事情。)

    const customers = state.filteredCustomers;

    const updatedCustomers = customers.map( customer => ({
...customer, addresses: customer.addresses.map( address => ({ ...address, selected: false 
}));

    return {
        ...state,
        filteredCustomers: { ...state.filteredCustomers, ...updatedCustomers  },
    };