Обновление объекта ngrx внутри массива - PullRequest
Новая
       113

Обновление объекта ngrx внутри массива

1 голос
/ 02 мая 2020

У меня есть магазин ngrx с массивом объектов. То, что я ищу, это обновить (изменить) объект внутри массива, используя индекс массива. Мои данные ngrx будут выглядеть так: 

    policies: {
        beneficiaries: {
            beneficiaries: [{
                    name: 'pqr'
                    age: 56
                },
                {
                    name: 'xyz'
                    age: 76
                }
            ]
        }
    }

Я должен обновить имя получателя на основе индекса массива. Итак, я реализовал следующую функцию редуктора 

    on(policiesActions.updateBeneficiaryPercentage, (state, action) => {
        return {
          ...state,
          beneficiaries: {
            ...state.beneficiaries,
            beneficiaries: {
              ...state.beneficiaries.beneficiaries,
              [action.index]: {
                ...state.beneficiaries.beneficiaries[action.index],
                name: action.value
              }
            }
          }
        };
      })

Проблема с приведенным выше кодом заключается в том, что после запуска этого кода структура моего магазина меняется на 

policies: {
    beneficiaries: {
        beneficiaries: {
            0: {
                name: 'pqr'
                age: 1000
            },
            1: {
                name: 'xyz'
                age: 76
            }
        }
    }
}

Пожалуйста, помогите мне исправьте код, чтобы я мог обновить значение без изменения структуры хранилища.

Ответы [ 2 ]

1 голос
/ 03 мая 2020

Используйте метод Array.map: 

arr.map((value, index) => index === action.index ? {...value, name: action.value} : value)

Или просто используйте ngrx-et c, который позволяет изменять ваше состояние изменяемым образом, оставаясь неизменным 

mutableOn(onAction, (state, action) => {
  state.arr[action.index].name = action.name
  return state
})
1 голос
/ 02 мая 2020

При обновлении объекта в массиве я воссоздаю массив со всеми исключенными объектами и добавляю последний объект, который нуждается в обновленном значении. 

const policies = {
  beneficiaries: {
    beneficiaries: [{
        name: 'pqr',
        age: 56
      },
      {
        name: 'xyz',
        age: 76
      }
    ]
  }
}

const updateObject = (state, action) => {

  if(!state.beneficiaries.beneficiaries[action.index]) {
    return state;
  }

  return {
    ...state,
    beneficiaries: {
      ...state.beneficiaries,
      beneficiaries: [
        ...state.beneficiaries.beneficiaries.slice(0, action.index),
        {
          ...state.beneficiaries.beneficiaries[action.index],
          name: action.value
        },
        ...state.beneficiaries.beneficiaries.slice(action.index + 1)
      ]
    }
  };
}

console.log(updateObject(policies, {index: 1, value: 'test'}))

- Правка

Добавлен фрагмент и изменен лог c, поэтому он не меняет порядок списка.

...