从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

动态创建并添加到文档中的脚本默认是异步的，它们不会阻止渲染并在下载后立即执行

[

  '1.js',

  '2.js'

].forEach(function(src) {

  const script = document.createElement('script');`enter code here`

  script.src = src;

  document.head.appendChild(script);

});

但是，我们可以明确地将它们标记为非异步：

[

    '1.js',

    '2.js'

].forEach(function(src) {

  const script = document.createElement('script');

  script.src = src;

  script.async = false;

  document.head.appendChild(script);

   });

这为我们的脚本提供了纯 HTML 无法实现的混合行为。