Как вставить в React внешний div?

Question

[Дмитрий Мухин]

Есть различные сервисы (конструкторы форм и опросов) которые говорят, что нужно вставить на сайт их скрипт и какой нибудь div, чтобы в нем сформировать динамические элементы ( <div id="999" data-id="999"></div>)
У меня есть BrowserRouter, который ведет на страницу /contact. И получается мой SPA сначала рендерит главную, а при нажатии на ссылку попадает на нужную страницу, но этот div там не срабатывает. При обновлении страницы /contact этот div сформировывается или если его написать на главной, то все работает. Внешний скрипт изначально не видит div, а потом уже поздно.
Как я понимаю мне нужно копать в сторону componentDidMount(), но я не пойму как.

Answer 1

[hzzzzl]

https://stackoverflow.com/a/34425083

Answer 2

[McBernar]

Вам нужно либо руками его инклудить через создание ноды script, либо обращаться к скрипту в компоненте через window, если у него есть api.

Под реакт часто делают адаптации. Может, в вашем случае тоже есть.

Answer 3

[Предэйтор]

ReactDOM.createPortal