Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ReactJS加载包含document.write的外部脚本_Javascript_Html_Reactjs_Dom_React Dom - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 使用ReactJS加载包含document.write的外部脚本

Javascript 使用ReactJS加载包含document.write的外部脚本

javascript html reactjs dom

Javascript 使用ReactJS加载包含document.write的外部脚本,javascript,html,reactjs,dom,react-dom,Javascript,Html,Reactjs,Dom,React Dom,我正在尝试使用以下脚本加载cricruns小部件，该脚本包含文档。编写，将小部件加载到我给定的特定容器中。如何在ReactJS中的render（）中实现这一点 请检查这一点，了解更多我正在努力实现的目标 提前谢谢。***更新：好的，我已经玩了一会儿。如果您只是绕过document.write并直接使用危险的HTML添加iframe，它就可以工作。我在下面添加了一个工作代码沙盒和一个代码示例 我希望有帮助 从“React”导入React； 从“react dom”导入{render}； 常量应

我正在尝试使用以下脚本加载cricruns小部件，该脚本包含
文档。编写
，将小部件加载到我给定的特定容器中。如何在ReactJS中的
render（）
中实现这一点



请检查这一点，了解更多我正在努力实现的目标


提前谢谢。
***更新：好的，我已经玩了一会儿。如果您只是绕过document.write并直接使用危险的HTML添加iframe，它就可以工作。我在下面添加了一个工作代码沙盒和一个代码示例

我希望有帮助




从“React”导入React；
从“react dom”导入{render}；
常量应用=（）=>{

return你说它有document.write是什么意思？加载脚本后，我想获取脚本中的内容（它有
document.write（…）
，将小部件加载到特定的容器中）。请检查这一点。非常好！感谢您的帮助！

import React from "react";
import { render } from "react-dom";

const App = () => {
  return <div dangerouslySetInnerHTML={{__html: `
  <iframe src="https://www.cricruns.com/widgetbase/wid_300_200_1"; width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=320 " scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:310px; height:250px;" allowTransparency="true"></iframe>
  `}} />;
};

render(<App />, document.getElementById("root"));