Toolora

HTML 转 JSX

将 HTML 片段转换为使用 camelCase 属性的 React JSX。

HTML 转 JSX 工具将常见 HTML 片段转换为 React JSX。它会重命名 class 和 for,把带连字符的属性转为 camelCase,保留 data 和 aria 属性,并把 style 字符串转为 JSX 样式对象。

使用方法

  1. 将 HTML 片段粘贴到输入框。
  2. 查看生成的 JSX 输出。
  3. 将 JSX 复制到 React 组件中。

常见问题

支持自闭合标签吗?

支持,img、input、br 等空标签会转换为自闭合 JSX 标签。

style 属性如何处理?

简单的样式声明会转换为使用 camelCase 键的 JSX 样式对象。