HTML 转 JSX
将 HTML 代码转换为 React 可用的 JSX 代码,自动处理属性名与自闭合标签
转换结果
—
💡 提示:转换器会进行以下处理:
·
· 带连字符的属性(如
·
· 布尔属性(如
· 空元素(img、br、input 等)自动改为自闭合形式;
·
·
class → className,for → htmlFor;· 带连字符的属性(如
data-id、aria-label)保持不变;·
style="color: red; font-size: 14px" → style={{ color: 'red', fontSize: 14 }};· 布尔属性(如
checked、disabled)转为 checked={true};· 空元素(img、br、input 等)自动改为自闭合形式;
·
<!-- 注释 --> → {/* 注释 */}。