工具介绍
HTML转JSX工具可以快速将普通HTML代码转换为符合React规范的JSX代码，自动处理属性名称转换、样式对象转换、注释格式等常见需求，节省前端开发手动修改的时间。
使用方法
只需将需要转换的HTML代码粘贴到左侧输入框，工具会自动转换，你也可以点击转换按钮生成结果。勾选「格式化输出」可以获得排版整齐的结果。转换完成后直接复制输出框内的JSX代码即可在React项目中使用。
转换规则
- HTML属性转换：class → className，for → htmlFor，所有原生带连字符的属性转为驼峰命名
- 样式转换：HTML内联style字符串转换为JSX要求的JavaScript对象格式，属性自动转为驼峰
- 布尔属性：HTML中没有值的布尔属性自动转换为JSX的布尔值写法（如 `disabled` → `disabled={true}`）
- 特殊属性保留：aria-* 和 data-* 属性保持原格式不变
- 注释转换：HTML注释 `` 转为JSX注释 `{/* 内容 */}`
- 自闭合标签：保持自闭合语法不变，符合JSX规范
注意事项
本工具主要做格式和属性转换，不会处理HTML结构语义变化，复杂嵌套的HTML建议转换后检查结果确认正确性。