Redux изменение значений в массиве обьектов?

Question

[bazliiii]

Хочу сделать при нажатии на кнопку prompt и при вводе туда числа , что бы изменялось значение cash , но выдает ошибку: "Свойство "cash" не существует в типе "defUserState"."
Код:

const ADD_MONEY = 'ADD_MONEY';

interface defAction {
    type: string;
    payload?: any;
}
type UsersT = {
    id: number;
    name: string;
    cash: number;
}
interface defUserState {
    users: Array<UsersT>;
}
const defaultUserState: defUserState = {
    users: [
        { id: 0, name: "Maxim", cash: 100, },
        { id: 1, name: "Danil", cash: 300, },
        { id: 2, name: "Bogdan", cash: 550, },
    ]
}


export const UserAccount = (state = defaultUserState, action: defAction): defUserState => {
    switch (action.type) {
        case ADD_MONEY:
            return {...state, users: state.cash + action.payload}
        default:
            return state
    }
}

Была идея вот так написать , но ошибка та же

return {...state, users: [...state.users , cash: state.cash + action.payload]}

Comments

[GeminiX]

у вас users это массив из UsersT, а cash свойство одного user, и пытаетесь массив users собрать из cash

[bazliiii]

Александр, тогда как мне добраться до cash ? UsersT - это тип для массива

[GeminiX]

return {
users: state.users.map((user)=>{
... user,
cash: user. cash+action.payload
})
}

[bazliiii]

Александр, Я пробовал через map ,но появляется кучу ошибок ( вот скин ошибок https://imgur.com/a/Rmu8JbZ )

[GeminiX]

bazliiii, сделал state.users.map вместо state.map, попробуйте

[bazliiii]

Ошибок уменьшилось , но вот какие остались (https://imgur.com/a/DqDVG3C)

[GeminiX]

bazliiii, у вас же typescript, типы поставьте нужные

[bazliiii]

Александр, не понимаю где я ошибся с типами

[bazliiii]

return {
users: state.users.map((user)=>{
... user,
cash: user. cash+action.payload
})
}
Нашел одну ошибку в вашем ответе ( в map ...user ) , сделал
return {
users: state.users.map((user)=>{
user, cash: user. cash+action.payload
})
}
Теперь ошибки лишь 4 (https://imgur.com/a/vNOMgFy)

[GeminiX]

bazliiii, как-то так

return {
  users: state.users.map((user:UsersT)=>{
     return {
        ...user,
        cash: user.cash+action.payload
      } as UsersT
    } )
} as defUserState

[bazliiii]

Александр, Не работает так

[GeminiX]

bazliiii, что не работает? не надо исправлять.
...user это spread оператор
а вы сделали

{
  user: user, 
  cash: user.cash и т. д. 
}

[bazliiii]

Александр, А понял , спасибо теперь оно работает так как я и хотел. Опубликуйте этот ответ не в комментарии , что бы я мог его выбрать как правильный

Answer 1

[GeminiX]

return {
  users: state.users.map((user:UsersT)=>{
     return {
        ...user,
        cash: user.cash+action.payload
      } as UsersT
    } )
} as defUserState