Как повторно повторно внедренной формы Mailerlite при изменении маршрута без обновления страницы? ⇐ Javascript

[Anonymous]

Я работаю над проектом React, где у меня есть общий компонент, используемый на нескольких статических страницах (например, о нас, FAQ, условиях и условиях и т. Д.).

Код: Выделить всё

import React, { useEffect } from 'react';

const MailerLiteEmbed = () => {
useEffect(() => {
// Inject MailerLite script
(function (w, d, e, u, f, l, n) {
w[f] = w[f] || function () {
(w[f].q = w[f].q || []).push(arguments);
};
l = d.createElement(e);
l.async = 1;
l.src = u;
n = d.getElementsByTagName(e)[0];
n.parentNode.insertBefore(l, n);
})(window, document, 'script', 'https://assets.mailerlite.com/js/universal.js', 'ml');

// Initialize with account ID
window.ml('account', 'YOUR_ACCOUNT_ID');
}, []);

return (

);
};

export default MailerLiteEmbed;

Проблема:
Форма загружается правильно только при загрузке первой страницы или после твердого обновления. При навигации между маршрутами с использованием маршрутизатора React, компонент остается монтированным и не повторно повторно проникает. /> вручную удалить и повторно его (не помог). < /p>
< /li>
Очистить содержание контейнера .ml-embedded container. повторно инициализовать и отображать встроенную форму на каждом изменении маршрута в приложении React, не обновляя страницу?

Подробнее здесь: https://stackoverflow.com/questions/796 ... age-refres