什么是HTML 转 JSX？
HTML 转 JSX 工具把 HTML 片段改写成 React 可用的 JSX：class 改为 className、for 改为 htmlFor、内联 style 转成对象、void 标签补全自闭合。转换在浏览器本地完成。
怎么用HTML 转 JSX？
- 1粘贴 HTML 片段（不需要包含 html/body 标签）。
- 2查看 JSX 结果，可直接粘贴进组件 return 中。
- 3注意人工检查事件属性：onclick 等需要改写为 React 的 onClick 并绑定函数。
常见错误与排查
| 现象 | 成因 | 修复 |
|---|---|---|
| React 报 Warning: Invalid DOM property | 某个短横线属性没有被映射为 React 的驼峰写法。 | 本工具覆盖了常见属性；剩余的请对照 React DOM 属性表手工改写，data-* 与 aria-* 保持原样即可。 |
常见问题
内联事件属性会被转换吗？+
不会。onclick="doSomething()" 里的字符串是 HTML 的事件语法，在 React 里需要传函数引用。工具会保留该属性以便你看到它的存在，但必须手工改写成 onClick={handler}。
style 为什么要转成对象？+
React 的 style 接受对象而不是字符串，属性名用驼峰，数值型属性可省略单位。工具会自动完成 kebab 转驼峰，并对纯数字值不加引号。
相关工具
全部工具JSON 转 YAML
JSON to YAML Converter
把 JSON 转成 YAML，保留嵌套层级
YAML 转 JSON
YAML to JSON Converter
把 YAML 转成 JSON，支持多文档
JSON 转 CSV
JSON to CSV Converter
JSON 对象数组转 CSV，嵌套字段自动扁平化
CSV 转 JSON
CSV to JSON Converter
CSV 转 JSON，自动识别表头与分隔符
JSON 转 TypeScript 类型
JSON to TypeScript
从 JSON 推导 TypeScript 类型定义
JSON 转 Go 结构体
JSON to Go Struct
JSON 转 Go 结构体，自动补 json tag