Добавление скрипта в componentDidMount и выгрузка его в componentWillUnmount
Итак, я использую сценарий shareThis для подсчета доли в социальной сети на моей странице.
Я только хочу загрузить этот скрипт в один из маршрутизируемых компонентов.
Так в хуке жизненного цикла componentWillMount,
setTimeout(() => {
this.addthisScript = document.createElement("script");
this.addthisScript.setAttribute(
"src",
"//platform-api.sharethis.com/js/sharethis.js#property=[id]&product=sop"
);
this.addthisScript.setAttribute("async", "async");
if (document.body)
document.body.appendChild(this.addthisScript);
});
Теперь, когда я направляюсь к другому компоненту и возвращаюсь к этому компоненту, счетчики общего ресурса не обновляются. Только когда я обновляю страницу, счет обновляется. Я полагаю, это потому, что скрипт уже был загружен. Если есть способ удалить этот скрипт при размонтировании, думаю, проблема будет решена.
Как обновить скрипт при возврате к тому же компоненту?
Может кто-нибудь подсказать, как этого можно достичь?