HTML 转 JSX

HTML 转 JSX

将 HTML 代码转换为 React 可用的 JSX 代码,自动处理属性名与自闭合标签

转换结果
—
💡 提示:转换器会进行以下处理:
· 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 等)自动改为自闭合形式;
· <!-- 注释 --> → {/* 注释 */}。