HTML 转 JSX 转换器 格式
HTML 转 JSX 转换器 格式
- 所有处理均在您的浏览器中完成 — 文件绝不离开您的设备。
- 完全免费，无需注册、账号或使用限制。
- 可在任何现代浏览器中使用，包括移动设备。
About this tool
HTML 转 JSX 转换器可将标准 HTML 标记转换为有效的 React JSX 语法，自动进行样式对象化和 camelCase 属性映射。
How to use
- 粘贴您的 HTML 标记。
- 查看转换后的 JSX 代码，包括转换后的 className、htmlFor 和 style 对象。
- 将干净的 JSX 片段复制到您的 React 组件中。
FAQ
如何处理内联 CSS 样式？
它将字符串 style="margin-top: 10px;" 解析为 前端框架 对象 style={{ marginTop: '10px' }}。
会自动闭合空标签吗？
是的，<img />、<input />、<br /> 等标签会为 JSX 正确闭合。