从api获取数据后运行脚本标签

Question

场景：我有一个网站，在文章的详细信息部分，当我从api获取详细信息时，有脚本和标签，这些标签是视频的来源。问题：加载我的组件时。文章详情取自 api ，但不执行脚本标签。这是获取正确详细信息的方法吗？如何运行这些脚本？

export const DetailBlog = ({content}) => {

    return (

        content ?

            <article className="article__detail">

                <div className="article_detail__content" 

                     dangerouslySetInnerHTML={{__html: content.description}}/>

             <article>

            :

            null

    )

};

Answer 1

动态创建并添加到文档中的脚本默认是异步的，它们不会阻止渲染并在下载后立即执行[&nbsp; '1.js',&nbsp; '2.js'].forEach(function(src) {&nbsp; const script = document.createElement('script');`enter code here`&nbsp; script.src = src;&nbsp; document.head.appendChild(script);});但是，我们可以明确地将它们标记为非异步：[&nbsp; &nbsp; '1.js',&nbsp; &nbsp; '2.js'].forEach(function(src) {&nbsp; const script = document.createElement('script');&nbsp; script.src = src;&nbsp; script.async = false;&nbsp; document.head.appendChild(script);&nbsp; &nbsp;});这为我们的脚本提供了纯 HTML 无法实现的混合行为。