Skip to content

Latest commit

 

History

History
66 lines (55 loc) · 1.38 KB

#16-实现 Users Reducer.md

File metadata and controls

66 lines (55 loc) · 1.38 KB

题目描述:

完成一个符合 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'
  }
})

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

注意,usersReducerstate 就是一个数组,你不需用把它包装到一个对象当中。


参考答案:

const usersReducer = (state=[], action) => {
  switch(action.type) {
    case "ADD_USER":
      return [...state, action.user];
    case "DELETE_USER":
      let deState = [...state];
      deState.splice(action.index, 1);
      return deState;
    case "UPDATE_USER":
      let upState = [...state];
      upState[action.index] = {...upState[action.index], ...action.user};
      return upState;
    default:
      return state;
  }
}