ReactJS - 某些元素仅在刷新（F5）后呈现。为什么？

Question

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

我有像按钮插件这样的facebook集成。问题是，只有按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在react component呈现到页面后解析页面。