在线 HTML 转 JSX 转换器，自动把 HTML 代码转换为 React/JSX 语法，处理 class→className、style 内联对象、自闭合标签等差异，一键复制结果；浏览器本地运行，免费不上传。
| HTML 属性 | JSX 属性 | 说明 |
|---|---|---|
class | className | CSS 类名 |
for | htmlFor | label 关联 |
onclick | onClick | 事件处理器 (驼峰命名) |
tabindex | tabIndex | Tab 索引 |
maxlength | maxLength | 最大长度 |
readonly | readOnly | 只读属性 |
style="..." | style={{...}} | 内联样式转对象 |
<!-- --> | {/* */} | 注释语法 |
先填写或调整「组件名称」、「HTML 输入」，再使用「转换」完成操作。可先用「组件名称」中的示例 「MyComponent」熟悉输入格式，再替换成自己的数据。
输入框中的示例为 「MyComponent」，对应「组件名称」。先保持示例的格式、分隔符和单位，确认页面能够处理后，再逐项替换为实际内容；输出用于其他软件时还需检查目标软件支持的格式。
先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。
先检查「组件名称」、「HTML 输入」是否完整，以及格式、单位和当前选项是否匹配。重新执行「转换」，查看页面的结果或错误提示；可先用少量数据定位问题。
Markdown 转 HTML 转换器 · JSON Schema → HTML 表单生成器 · HTML 实体编解码 · cURL 转换器 · 全部开发工具
