[Redux] Writing a Todo List Reducer (Toggling a Todo)
List redux TODO Writing reducer
2023-09-14 09:00:54 时间
Learn how to implement toggling a todo in a todo list application reducer.
let todo = (state = [], action) => { switch(action.type){ case 'ADD_ITEM': return state = [ ...state, { text: action.text, id: action.id, completed: false } ]; case 'TOGGLE_ITEM': return state.map( (todo) => { if(todo.id !== action.id){ return todo; }else{ return { ...todo, completed: !todo.Completed// will overwirte the todo object's completed prop }; } }) default: return state; } }; let testTodo_addItem = () => { let stateBefore = []; let action = { type: 'ADD_ITEM', text: 'Learn Redux', id: 0 }; let stateAfter = [ { text: 'Learn Redux', id: 0, completed: false, } ]; deepFreeze(stateBefore); deepFreeze(action); expect( todo(stateBefore, action) ).toEqual(stateAfter); }; let testTodo_toggleItem = () => { let stateBefore = [ { text: 'Learn Redux', id: 0, completed: false }, { text: 'Learn Angular2', id: 1, completed: false } ]; let action = { type: 'TOGGLE_ITEM', id: 1 }; let stateAfter = [ { text: 'Learn Redux', id: 0, completed: false }, { text: 'Learn Angular2', id: 1, completed: true } ]; deepFreeze(stateBefore); deepFreeze(action); expect( todo(stateBefore, action) ).toEqual(stateAfter); } testTodo_toggleItem(); console.log("All tests passed!");
相关文章
- Java实现对List去重
- List去重3种方式
- Map和Set的区别_list与set的区别
- Java 如何将 List 转换为 MAP
- java list 转json 字符串_Java之JSON字符串与List集合之间相互转换
- ORA-02824: Request free list is empty ORACLE 报错 故障修复 远程处理
- ORA-14017: partition bound list contains too many elements ORACLE 报错 故障修复 远程处理
- list java中List对象通用排序算法详解编程语言
- List去重、排序详解编程语言
- Java List.iterator()方法:对列表元素进行迭代
- Java List.removeAll()方法:从列表中移除所有元素
- 长度查看Redis List长度:简单有效(redis查看list)
- 利用Redis构建新的List存储方式(redis存储list)
- Mastering List Operations in Redis: Tips and Tricks for Optimal Performance(redis操作list)
- 的优势玩转Redis:List缓存的有点优势(redis 缓存list)
- Oracle中使用List命令查看表结构(list命令oracle)
- 使用Redis集合和List实现高效存储(redis集合和list)
- 实现使用List实现Redis队列(redis队列用list)
- Redis自带数据结构List(redis自带list)
- asp.net中List的使用方法