DevTulz Online

HTML 转 JSX 转换器


什么是 HTML 转 JSX?

JSX 是 React 组件中使用的类 HTML 语法。虽然它看起来像 HTML,但有几个重要区别:class 变为 className,for 变为 htmlFor,内联样式使用 JavaScript 对象而非字符串,所有标签必须自闭合,事件处理器使用 camelCase。本工具自动处理所有这些转换,让您可以直接粘贴 HTML,获得可在 React 组件中即用的有效 JSX。

如何使用 HTML 转 JSX 转换器

  1. 在左侧面板粘贴 HTML 代码(或点击「示例」加载样例)。

  2. 右侧立即显示 JSX 输出结果。

  3. 可选开启「包装为组件」,获取完整的可直接粘贴的函数组件。

  4. 点击「复制 JSX」按钮复制结果。

Keywords: HTML 转 JSX, HTML JSX 转换器, HTML 转 React, className 转换, JSX 在线工具, React JSX 转换, HTML JSX 在线转换