Запустите тег script после получения данных из 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.