重新加载页面React后显示Facebook Comments插件

问题描述

我在我的React网站上使用Facebook Comments插件。重新加载页面后，“插件”部分仅显示。有人知道解决方案吗？

index.html
---
<body>
    
    <div id="root"></div>
    <div id="fb-root"></div>

    <script async defer
            crossorigin="anonymous" 
            src="https://connect.facebook.net/uk_UA/sdk.js#xfbml=1&version=v8.0"
            nonce="2CmNBc9x"
    ></script>

  </body>

OnlineReception.jsx // here I want to render FC plugin
---
import React from 'react';
import './css/OnlineReception.css';

const OnlineReception = (props) => {
    ...

    return (
        <div className="OnlineReception">
            ...
                <div className="fb-comments"
                  data-href="mywebsite-link-here"
                  data-numposts="10"
                  data-width=""
                ></div>
        </div>
    )
}

export default OnlineReception;

SDK集成来自here。另外，我正在使用HashRouter

{/* online-reception route */}
              <Route path="/online-reception" render={
                () =>
                  <OnlineReception
                    props here
                  />
              } />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

facebook-comments reactjs reactjs reactjs reactjs

重新加载页面React后显示Facebook Comments插件

问题描述

解决方法

相关问答