嵌入式小部件脚本无法在 React env 中生成其 html

Question

我想在 react 项目中加载一个调查小部件，在加载 dom 后，我在头部创建并执行脚本。 但它无法生成其轮询 HTML。

这是codesandbox中的反应演示

如果我在没有反应环境的情况下在正文的特定元素中加载相同的脚本，它可以工作，这里是jsbin中的演示

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>Polldaddy Title</h1>
 <div id="pollDaddyInfo"> 
   <p>Poll should generate below this statememt</p>
   <script charset="utf-8" src="https://static.polldaddy.com/p/10962229.js"></script>
 </div>
  <h1>Polldaddy End</h1>
</body>
</html>

帮助我确定 go 可能出现什么错误？

Answer 1

在任何一种情况下（即有和没有反应环境），您的实现都没有错。

实际上，在反应环境中，您正在加载作为异步操作的脚本，而异步加载的脚本无法使用document.write在文档上写入，这发生在这里

为了支持我的论点，这里有另一个关于堆栈溢出的线程