javascript - 在 ReactJS 中集成 sharethis

Question

我需要将 sharethis 集成到我的 reactjs 应用程序中。我需要该脚本只在一个组件中执行。目前这就是我的实现方式。

 componentWillMount() {
 const script = document.createElement("script");
 script.src ="//platform-api.sharethis.com/js/sharethis.js#property=242434664&product=sop?r=" +new Date().getTime();
 script.async = true;
 script.id = "shareThisId";
 document.body.appendChild(script);
}

这个问题是因为这个组件是通过 react 路由挂载的，并且没有发生页面重新加载，所以脚本不会重新执行。

我尝试使用 removeChild 删除 componentWillUnmount 生命周期中的脚本标签，但这仍然不会在挂载时重新执行脚本，我了解到这是因为这个 - 删除的子节点仍然存在于内存中 根据https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild .

此外，脚本需要在装载时重新执行，以便我每次都能获得更新的共享计数。

Answer 1

我在 sharethis 工作，我们最近在 https://www.npmjs.com/package/sharethis-reactjs 发布了一个 reactjs 插件.大家可以尝试安装使用更方便。

如果您在使用过程中遇到任何问题，请告诉我，我们很乐意提供帮助。