HTML 转 JSX
将 HTML 标记转换为适用于 React 组件的 JSX 语法。可处理属性、样式、注释和空元素。
在上方粘贴你的 HTML
JSX 输出会在你输入时自动更新
Ctrl+Enter 运行Ctrl+Shift+C 复制
了解更多
HTML 转 JSX:面向 React 的完整转换指南
了解为何 HTML 在 React 中需要转换、哪些内容会被转换,以及将 HTML 迁移到 JSX 时的常见坑。
为什么 HTML 需要转换才能用于 React
JSX 看起来像 HTML,但遵循的是 JavaScript 语法规则。React 使用 JSX 来描述 UI 结构,虽然它与 HTML 相似,但一些属性和写法存在差异。将原始 HTML 直接粘贴到 React 组件中,通常会导致编译错误或意外行为。
阅读约 5 分钟阅读完整指南