Добавление скрипта в 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);          
        });

Теперь, когда я направляюсь к другому компоненту и возвращаюсь к этому компоненту, счетчики общего ресурса не обновляются. Только когда я обновляю страницу, счет обновляется. Я полагаю, это потому, что скрипт уже был загружен. Если есть способ удалить этот скрипт при размонтировании, думаю, проблема будет решена.

Как обновить скрипт при возврате к тому же компоненту?

Может кто-нибудь подсказать, как этого можно достичь?

0 ответов

Другие вопросы по тегам