Juniorrrrr
@Juniorrrrr

Как вставить динамически html структуру?

Доброго времени суток.Есть структура Html тегов , она может быть разной div>script+a+p, div>script и т.д.
Как правило внутри структуры такой есть script, который внутри запускает анонимную функцию и та рисует что-то в div.

Можно ли как то менее болезненно вставить это и запустить без регулярных выражений ибо кейсов тьма будет? На проекте используется React.

Вот пример данных:
"<div class="pulse-widget" data-sid="partners_widget_horizontal_plus_one_ru"></div> <script async src="https://static.pulse.mail.ru/pulse-widget.js"></script>"


Пробовал несколько вариантов.
1) appendChild. Выдает ошибку т.к. ожидает не строку в параметре, а нод элемент.
2) insertAdjacentHTML Уже лучше, но он не отрисовывает стили, будто скрипт запускается быстрее чем монтируется див с id в который он должен рисовать.
3) document.write отрисовывает все как нужно , но здесь проблема в том что все сайд эффекты запускаются в useEffect, который запускается после рендера. А document.write если запущен после отрисовки страницы перетирает всю страницу и вставляет вместо неё содержимое.

Подскажите люди опытные как побороть можно это дело ?
  • Вопрос задан
  • 130 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 мая 2020, в 01:41
850 руб./за проект
29 мая 2020, в 00:02
5000 руб./за проект
28 мая 2020, в 23:42
10000 руб./за проект