Как использовать код для встраивания в React с крючками

Question

У меня есть следующий код для встраивания, который мне нужно интегрировать в мое приложение React (с использованием хуков):

<script 
class="123abc" 
type="text/javascript" 
src="https://cdn2.fake.com/Scripts/embed-button.min.js" 
data-encoded="lsakjdfioejfklsdKLJFLDSidjfklJSDJfLFKJEI88DdfDF8Ad9sa7">
</script>

Как бы я go сделал это? Ресурсы, которые я нашел, похоже, не позволяют мне реализовать кодированную часть данных ...

На основе Добавление тега сценария в React / JSX , вы можете увидеть ответ решение useEffect & hooks, но я не могу понять, как бы я реализовал кодированную часть данных (или часть класса в этом отношении).

Answer 1

Вы можете создать портал для добавления блока скрипта вместо того, чтобы изменять DOM непосредственно из вашего скрипта реакции!

Answer 2

Для редактирования заголовка документа обычно вы используете react-helmet.

Поддерживает все допустимые теги заголовка: заголовок, основание, мета, ссылка, сценарий, noscript и стиль теги.

Answer 3

Как насчет этого:

componentDidMount () {
    const script = document.createElement("script");
    script.src = "https://cdn2.fake.com/Scripts/embed-button.min.js";
    script.async = true;

    document.body.appendChild(script);
}