HTML 转 JSX 转换器
免费在线HTML转JSX转换器，无需安装。将HTML代码转换为React JSX格式。
关于 HTML to JSX
将标准 HTML 改写为适用于 React 的 JSX 兼容标记。它会闭合自闭合元素，将保留字属性重命名为对应的 React 形式，把内联 style 字符串转换为使用 camelCase 属性名的 style 对象语法，并将布尔属性规范化为 React 形式。
使用方法
1. 将 HTML 粘贴到输入框。 2. 点击转换，在输出框中生成 JSX。 3. 使用复制按钮将结果复制到 React 组件中。
属性与样式改写
自闭合标签（img、br、hr、input、meta、link、area、base、col、embed、source、track、wbr）会以 /> 闭合。class= 变为 className=；for= 变为 htmlFor=。style="..." 字符串变为 style={{...}}，其中 kebab-case 属性会转换为 camelCase（font-family -> fontFamily），float -> cssFloat。checked、disabled、readonly、required、autoplay、autofocus 等布尔属性会被规范化（readOnly、autoPlay、autoFocus）。
▶自闭合元素会被自动闭合吗？
会。无论在源 HTML 中以何种形式出现，img、br、hr、input、meta、link、area、base、col、embed、source、track、wbr 都会被改写为自闭合形式（<img ... />）。
▶内联样式如何处理？
style="font-size: 14px;" 属性会被转换为 style={{fontSize: 14px}}。带连字符的 CSS 属性会变成 camelCase 的 React 样式键，特殊情形 float 与 font-family 会分别映射为 cssFloat 和 fontFamily。
▶它会将 class 转换为 className 吗？
会。每个 class= 属性都会被重命名为 className=，而（用于 label 的）for= 属性会变为 htmlFor=，以符合 React 的保留字约定。
▶它会校验 HTML 吗？
不会。转换器执行的是基于正则的替换，并不会解析文档树，因此格式错误的 HTML 会原样通过。请确保在转换前输入是格式良好的。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。