如何将 HTML 转换为 JSX (React.js)答案

【问题标题】：How to convert HTML to JSX (React.js)如何将 HTML 转换为 JSX (React.js)
【发布时间】：2020-11-13 15:15:52
【问题描述】：

<!DOCTYPE html>
<html>
<body>

<script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script>
<script>
  callFrame = window.DailyIframe.createFrame();
  callFrame.join({ url: 'https://your-team.daily.co/hello' })
</script>
</body>

此代码试图通过嵌入来显示视频功能。我需要将其转换为 jsx 以将其添加到我的网页或找到另一种使用 react 创建视频通话的方法。

【问题讨论】：

标签： html reactjs jsx converters

【解决方案1】：

您可以使用https://magic.reactjs.net/htmltojsx.htm，这是一个在线 HTML 转 JSX 编译器。

【讨论】：

【解决方案2】：

网上有一些工具可以将 Html 转换为 jsx 并响应组件，例如 https://helpfordev.com/html-to-jsx

【讨论】：

【解决方案3】：

如上所述，您还可以在https://magic.reactjs.net/htmltojsx.htm 旁边使用https://transform.tools/html-to-jsx。

【讨论】：

【解决方案4】：

如daily-js docs中所述

安装daily-co节点包。

npm install @daily-co/daily-js

然后创建一个使用它的组件。

// webpack/node-style require
//
const DailyIframe = require('@daily-co/daily-js');
let callFrame = DailyIframe.wrap(MY_IFRAME);

// or, cutting-edge, super-whizzy import
//
import DailyIframe from '@daily-co/daily-js';
let callFrame = DailyIframe.wrap(MY_IFRAME);

【讨论】：