HTML 转 JSX 工具
在线将 HTML 代码转换为 React JSX 格式，自动处理属性名和语法差异
HTML 输入
JSX 输出
HTML 转 JSX 使用说明
自动转换规则
- class → className - HTML 的 class 属性转为 JSX 的 className
- for → htmlFor - label 的 for 属性转为 htmlFor
- onclick → onClick - 事件属性名驼峰化
- style 字符串 → 对象 - style="color:red" 转为 style={{color:'red'}}
- 自闭合标签 - br、hr、img、input 等自动加上闭合斜杠
使用场景
- 将 HTML 模板迁移到 React 项目
- 从设计稿导出的 HTML 转为 JSX 组件
- 快速将静态 HTML 转为可用的 React 代码
- 学习 HTML 与 JSX 之间的语法差异