HTML 转 JSX/React 转换器 - 每日工具 | daystool.com

HTML 转 JSX/React 转换器

HTML 片段转 JSX:className、htmlFor、自闭合标签、style 对象化,可选 React 组件包裹,localStorage。

快速高效
简单易用
安全隐私

将 HTML 片段转为 React JSX,配合 HTML 格式化 整理源码,或用 HTML 压缩 减小体积后再转换。

选项
0 字符

常见转换规则

class
→ className
for
→ htmlFor
tabindex
→ tabIndex
<img>
→ <img />

使用说明

粘贴 HTML 片段,自动映射 React 属性并处理自闭合标签与 style;可一键包裹为函数组件。

  1. 在左侧粘贴 HTML,勾选自闭合、注释、style 对象化等选项。
  2. 右侧实时输出 JSX;开启「React 函数组件」可生成 export default 模板。
  3. 复制结果到 .tsx 文件;输入与选项保存到 localStorage。

数据均在浏览器本地处理,不会上传到服务器。