ReactorUMG

ReactorUMG 是一个运行在 Unreal Engine + puerts 环境中的 React 渲染器，利用 react-reconciler 将 JSX/TSX 直接转成原生 UMG Widget，帮助你用熟悉的前端范式构建游戏 UI 和编辑器工具界面。

功能特性

- React 18 + react-reconciler 驱动，底层通过原生 UE.UMGManager 创建、更新、销毁 Widget。
- HTML 风格标签：div/section/article/form、button、input、textarea、select、img、progress、style，支持 className/id/属性选择器。
- UMG 组件封装：CanvasPanel、Overlay、Flex/Grid/UniformGrid、WrapBox、ScrollBox、Border、Button、TextBlock、RichTextBlock、CheckBox、ComboBox、ProgressBar/RadialSlider/Slider/SpinBox、SafeZone、ScaleBox、SizeBox、RetainerBox、InvalidationBox、ExpandableArea、ListView/TreeView/TileView、Viewport、Rive、Spine 等（详见 components.js）。
- 样式解析接近 CSS：布局（flex/grid/canvas/overlay）、gap/margin/padding、宽高及 min/max、背景图与颜色、字体、透明度、transform/translate/rotate/scale、object-fit、zIndex、overflow、对齐方式等；支持

Hello ReactorUMG
console.log('clicked')}>
点击开始


);

return () => ReactorUMG.release(root);
}
`

样式与布局


- div/语义化标签默认使用 flex 布局；style.display='grid' 启用 CSS Grid；style.position='relative' 触发 overlay；CanvasPanel 适合绝对定位；WrapBox 支持自动换行。
- 支持 className、id、属性选择器与