javascript - ReactJS - 某些元素仅在刷新(F5)后呈现。为什么？

Question

这就是我的意思: https://i.gyazo.com/6c5cd185fe1437142ce19a231e4db3aa.mp4

我集成了 facebook like 按钮插件。问题是只有按 F5 才会呈现。如何使其默认呈现？

网站已上线:http://shacrow.com

谢谢。

Answer 1

当您要求更具体时，请执行类似的操作

componentDidMount(){
   window.FB.XFBML.parse(); //saying FB plugin to re parse the dom.
}

在您的组件中包含

<div class="fb-like" data-href="facebook.com/ShacrowDesign"; data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>

因为您的 FB sdk 在 html 中的 like 按钮之前加载。因此，我们要求 FB sdk 在渲染到页面后解析页面。