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

Question

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

中的 React 演示

如果我在 body 的特定元素中加载相同的脚本而不使用 react env 它会起作用，这里是 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>

帮我找出可能出了什么问题？

Answer 1

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

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

这里支持我的论点的是 another 堆栈溢出线程

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

The embedded widget script unable to generate its html inside React env

javascript

dom

reactjs

react-hooks