关键在于用稳定唯一可预测的key建立数据与dom映射，使框架精准识别变更并复用节点；需用数据id而非index作key，状态更新须不可变，arkts中lazyforeach还需keygenerator和datachangelistener配合。

关键不在“Map”本身，而在于用 稳定、唯一、可预测的 key 建立数据项与 DOM 节点的映射关系，让 React 或 ArkUI 知道“哪个数据变了、该更新哪个节点”，从而跳过比对、直接复用。

为什么需要关联 ID 与数据源

框架无法凭空知道你数组里哪一项被修改了。如果只用 index 当 key，插入、删除或移动元素时，所有后续项的索引都会变，导致大量无谓的卸载/重建；如果 key 重复或不唯一，UI 会错乱或静默失效。ID 关联的本质是给每个数据项一个“身份证”，让渲染器能精准定位。

React 中正确建立 ID 映射的实操要点

• 数据源中必须包含稳定 ID 字段（如 id、_id），不能依赖数组索引
• .map() 渲染时，必须显式传入 key={item.id}，且该值在整个列表生命周期内不变
• 状态更新必须用不可变方式：替换整个数组（setList(prev => [...prev])），而非就地修改（如 push、shift）
• 示例修正：原代码中 exerciseList.push(exerciseList.shift()) 是就地修改，React 检测不到变化；应改为 setExerciseList(prev => [...prev.slice(1), prev[0]])

ArkTS（HarmonyOS）中 LazyForEach 的 ID 绑定规则

• 必须使用 keyGenerator 函数，返回基于数据项本身的稳定字符串，例如 (item) => item.id.toString()
• 不能依赖 index，否则滚动或增删时会触发错误复用
• 数据源变更必须通过 DataChangeListener.onDataChange() 通知，直接赋值 dataSource = newDataSource 不会触发刷新
• 组件需加 @Reusable 装饰器，配合 key 才能启用节点复用机制

验证映射是否生效的简单方法

在渲染的每一项中加一个带 ID 的 console.log，操作前后对比输出顺序和内容；或在浏览器 React DevTools 中查看组件 key 属性是否一致。若 key 不变、内容更新，说明局部渲染已命中；若 key 变了或 key 是 index，大概率在重复创建节点。