我正在尝试加载一个脚本,该脚本一旦触发就会生成一个 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;