16.js

// 完成一个符合 Redux 要求的 Reducer usersReducer，它可以支持以下对一个存储用户信息的数组进行增、删、改的需求：

/**
 * 用户的数据包括三部分，姓名（username）、年龄（age）、性别（gender）
 */

/* 增加用户操作 */
dispatch({
  type: 'ADD_USER',
  user: {
    username: 'Lucy',
    age: 12,
    gender: 'female'
  }
})

/* 通过 id 删除用户操作 */
dispatch({
  type: 'DELETE_USER',
  index: 0 // 删除特定下标用户
})

/* 修改用户操作 */
dispatch({
  type: 'UPDATE_USER',
  index: 0,
  user: {
    username: 'Tomy',
    age: 12,
    gender: 'male'
  }
})

/**
修改用户数据的时候，可以进行部分地修改，而不是完全地替换。

注意，usersReducer 的 state 就是一个数组，你不需用把它包装到一个对象当中。

*/

const usersReducer = (state = [], action) => {
  switch (action.type) {
    case 'ADD_USER': 
      return [...state, action.user];
    case 'DELETE_USER':
      return [...state.slice(0, action.index), ...state.slice(action.index+1)];
    case 'UPDATE_USER':
      return [...state.slice(0, action.index), {...state[action.index], ...action.user}, ...state.slice(action.index+1)]
    default:
      return state;
  }
}