我的组件似乎进入了无限循环,我找不到原因。 我正在使用useEffect和useState挂钩,但事实并非如此。 对于任何想要将其标记为重复的人:请仔细阅读该问题。 这种无休止的重新渲染循环场景仅在以下情况下发生: 鼠标移动太快用户单击开发者控制台中的任何内容,然后触发mousemove事件(为了 ...
提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供 中文繁体 英文版本 中英对照 版本,有任何建议请联系yoyou2525@163.com。
我正在尝试加载一个脚本,该脚本一旦触发就会生成一个 iframe 和一个天气小部件。 我可以正确附加脚本,但它不会被调用并且不会生成 iframe
我试过直接在渲染中添加脚本,它会短暂加载 iframe 然后切换回脚本标签
const City = ({ content, schema }) => {
useEffect(() => {
let script = document.createElement("script");
script.src =
"https://darksky.net/widget/graph-bar/32.7174,-117.1628/us12/en.js?width=100%&height=400&title=Full Forecast&textColor=333333&bgColor=FFFFFF&transparency=false&skyColor=undefined&fontFamily=Default&customFont=&units=us&timeColor=333333&tempColor=ff8200¤tDetailsOption=true";
script.async = true;
document.getElementById("widget").appendChild(script);
}, [])
return (<div id="widget"></div>);
};
export default City;
注意控制台中显示的警告:
Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.