Javascript 如何在ReactJS中生成嵌入式代码？

我想从我的ReactJS应用程序生成一个嵌入式代码。我真的不知道如何才能实现这样的功能

例如，我想生成一个代码，它可以在另一个使用iframe的网站上使用，就像youtube嵌入的代码一样

---

提前感谢。

您可以通过以下步骤完成此操作

1.添加DOM元素容器以包含组件

<!-- ... Your HTML code ... -->

<div id="example_container"></div>

<!-- ...Your HTML code ... -->

---

希望它能起作用

既然这个问题有youtube的例子，我们就从这个开始吧

<iframe width="560" height="315" src="https://www.yoursite.com/embed/h04NnnUApaM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

添加要处理的路由

/embed/h04NnnUApaM

<Route path='/embed/:id' component={YourComponent}/>

embedCode

对于上面的示例类似于此（id取决于从嵌入页面呈现组件所需的内容）

为什么没有javascript标记？reactjs不是一个独立的标记谢谢你的评论。如果对我有效，让我试试：）。我不会忘记接受并更新您的答案。请务必查找更新的编辑，以便更清楚地了解其他参数：）

<iframe width="560" height="315" src="https://www.yoursite.com/embed/h04NnnUApaM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

import { BrowserRouter } from 'react-router-dom'

ReactDOM.render((
  <BrowserRouter>
    <App />
  </BrowserRouter>
), document.getElementById('root'))

<Route path='/embed/:id' component={YourComponent}/>

<textarea>{this.state.embedCode}<textarea>

<iframe width="560" height="315" src="https://www.yoursite.com/embed/h04NnnUApaM"></iframe>