AddThis:附加到<body>的标记仅适用于第一页加载,并且不会在App ReactJS中持久存在

问题描述 投票:0回答:1

我正在整合AddThis.com的服务。我想这样做

 ` <script
      type="text/javascript"
      src="//s7.addthis.com/js/300/addthis_widget.js#pubid=#my special code"
    ></script>`

然后我就可以使用他们的div类了:

` <div
    class="addthis_inline_share_toolbox"
    style={{ marginTop: "1.5rem", marginLeft: "1rem" }}
 />`

我在主体中附加了脚本标记,并将该div类附加在一些明确位于正文中的组件中。当我刷新页面时,div类按预期显示,但是当我前往另一个组件然后返回时,该div不会出现。任何见解?

javascript addthis
1个回答
0
投票

脚本属于头部,而不是身体。

听起来你只是在一页上呈现它,导航它就消失了。

由于它是一个脚本标记,并且react会将任何元素视为有效节点,因此它会在离开您的页面时删除脚本标记,但js仍在内存中。重新加载,它不在内存中,不再有脚本标记。

© www.soinside.com 2019 - 2024. All rights reserved.