确保一个类只有一个实例，并提供一个全局访问点来获取它。限制外部创建对象的能力提供统一的获取方式确保线程安全（在多线程环境下尤为重要）要点说明目的确保类只有一个实例实现核心私有构造 + 静态实例 + 全局访问方法线程安全推荐静态内部类、枚举常用场景日志系统、配置中心、连接池、缓存、线程池注意防止反射与反序列化破坏单例单例模式是所有设计模式中最基础、使用最广的之一。它不仅仅是“一个实例”，更是一种对资

useState 驱动视图，useRef 缓存快照，结合使用让 React 更高效！

我们将创建一个包含侧边栏工具面板和主画布区域的图形编辑器。侧边栏提供可拖拽的节点元素，主画布区域用于展示和编辑图形。节点拖拽创建连线操作画布缩放和平移多选和框选撤销重做操作快捷键支持本文详细介绍了如何使用 React 和 AntV X6 构建功能完整的图形编辑器。图形渲染和管理：创建、编辑和删除节点与连线交互功能：拖拽、缩放、选择等操作高级功能：撤销重做、快捷键、剪贴板操作用户体验优化：视觉反馈、

父组件想直接控制子组件行为（如打开/关闭弹窗、重置表单）。子组件内部逻辑复杂，不希望暴露太多 props。我们想做出**“命令式 API”**（比如React 官方虽然推崇声明式编程，但有时候命令式控制反而更直观。这时，forwardRef与的组合就是完美的解决方案。forwardRef与这对组合，堪称 React 中的「黑科技」级 API。封装性 ✅灵活性 ✅可复用性 ✅如果你想让组件具备：“我

1. useMemo 缓存值，为了解决昂贵计算和引用稳定性问题。2. useCallback 缓存函数引用，为了解决函数传递导致的重复渲染问题。3. 不要为了“看起来高级”滥用它们——衡量成本和收益才是工程思维。