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无法实现的行为。

从api

1 个答案: