reactjs - 如何更改 redux reducer 中嵌套数组的值

Question

我试图找出 reducer 嵌套数组中项目的宽度更新值并更改值。

这是我的 reducer 状态:

let initialState = {
   data: {
     users: [
        {
            id: 1,
            name: 'a'
        },
        {
            id: 2,
            name: 'b'
        }
     ]
   }
}

我想更改 data.users 中的项目名称，但无法访问那里

我该怎么做？

我试过了

case SET_NAME:
        return {
          ...state,
          users: state.data.users((item, i) =>
            item.id == action.payload.id ? { ...item, value: action.payload.value} : null
          )
        };

但我无法访问用户

Answer 1

举办一场派对...

case SET_NAME:
  return {
    ...state,
    data: {
      ...state.data,
      users: [
        ...(state.data.users.map(user =>
          user.id === action.payload.id
          ? { ...user, value: action.payload.value }
          : user
        ))
      ]
    }
  };