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

【问题标题】：ReactJS - Some element render only after a refresh (F5). Why?ReactJS - 某些元素仅在刷新 (F5) 后呈现。为什么？
【发布时间】：2017-01-23 19:37:49
【问题描述】：

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

我有一个集成的 facebook like button 插件。问题是它只有在我按 F5 时才会呈现。如何让它默认呈现？

该网站在这里直播：http://shacrow.com

谢谢。

【问题讨论】：

在componentDidMount() 的/featured 组件中初始化你的FB 插件
如何初始化它？对不起，如果它对你来说非常基本。希望你能给我解释一下。
facebook.com/ShacrowDesign" data-layout="standard" data-action="like" data-size="small" data-show -faces="true" data-share="true">
这是用来显示按钮的。
这就是 html 文件中的内容：

标签： javascript reactjs rendering render

【解决方案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在react component渲染到页面后解析页面。

【讨论】：