using-keys
Installation
SKILL.md
ReactUMG key 使用规范
核心原则
key 标识组件身份,不是状态!
❌ 绝对禁止:坐标作为 key
// ❌❌❌ 严重错误!每帧都重建组件
<DragPreview
key={`${mouseX}-${mouseY}`} // 鼠标移动就变!
Slot={{Left: mouseX, Top: mouseY}}
/>
// 后果:性能崩溃、动画失效、大量 GC
key 标识组件身份,不是状态!
// ❌❌❌ 严重错误!每帧都重建组件
<DragPreview
key={`${mouseX}-${mouseY}`} // 鼠标移动就变!
Slot={{Left: mouseX, Top: mouseY}}
/>
// 后果:性能崩溃、动画失效、大量 GC