个人资料:编辑、确认与取消 | 星雨笔录
实现编辑草稿、保存与取消恢复。
核心: 编辑页面最好区分已保存数据与草稿,取消时丢弃草稿而不修改原数据。
最小示例:
let saved = { name: '小明' };
let draft = { ...saved };
draft.name = '小红';
draft = { ...saved }; // 取消恢复
学完能做: 实现编辑草稿、保存与取消恢复。
实现编辑草稿、保存与取消恢复。
核心: 编辑页面最好区分已保存数据与草稿,取消时丢弃草稿而不修改原数据。
最小示例:
let saved = { name: '小明' };
let draft = { ...saved };
draft.name = '小红';
draft = { ...saved }; // 取消恢复
学完能做: 实现编辑草稿、保存与取消恢复。