我想使用Github Gist API获取我的所有Gist并将它们嵌入到网页中。每个Gist包含一个我在以下组件中包含的博客文章:
function BlogEntry(gist) {
return (
<div>
{gist.createdAt} {gist.id} {gist.description}
<script src={"https://gist.github.com/seisvelas/" + gist.id + ".js"}></script>
</div>
);
}
渲染的第一行
div
,{gist.createdAt} {gist.id} {gist.description}
可用,我知道我已经成功地与API进行了交互。然而,包含script
标签的第二部分没有任何作用。我在一个普通的HTML文档中尝试了这个模式
<script src="https://gist.github.com/seisvelas/gist_id.js"></script>
(我从Gist网站本身获取),如果给定有效的gist_id,则可以工作。我猜这与React组件中
script
标签的行为有关。我甚至没有想到这会是一个问题。请问有人能推荐一个简单的解决方法,以便我可以成功嵌入这些代码段吗?谢谢!
iframe
而不是script
。 - Clarity