HTML 转 JSX 转换器
将标准 HTML 标记翻译为 JSX 语法，自动修正 class→className、for→htmlFor 及自闭合标签
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 粘贴 HTML 片段
- 选择输出模式（纯 JSX/函数组件/类组件）
- 查看转换结果
- 复制到项目中使用
典型场景
从设计稿导出的 HTML 直接导入 React 项目
迁移老项目模板时逐段转为组件
将邮件 HTML 模板改写为 React Email 组件
常见问题
style 属性怎么处理？
内联 style 字符串转为对象形式 style={{...}}。
支持 SVG 吗？
SVG 标签属性同样转为驼峰命名。
事件属性能自动转吗？
onclick 转为 onClick 等 React 事件绑定写法。