Facebook评论未显示在页面上

时间:2019-06-14 19:06:46

标签: node.js reactjs google-chrome express facebook-comments

我刚刚在用NodeJS和ReactJS创建的网站上添加了Facebook Comment Plugin,这是生成的代码

<div id="fb-root"></div>
<script async defer crossOrigin="anonymous" 
src="https://connect.facebook.net/ka_GE/sdk.js#xfbml=1&version=v3.3"></script>\

<div className="fb-comments" data-href="http://localhost:3000/recipe/:id/:name" 
data-width="" data-numposts="5"></div>

但是它没有在页面上显示任何内容,我使用chrome并禁用了该页面上的adblock,但是无论如何都没有改变,这是什么原因,我该如何解决?谢谢

1 个答案:

答案 0 :(得分:0)

您必须使用库react-facebook,例如:

import React, { Component} from 'react';
import { FacebookProvider, Comments } from 'react-facebook';

export default class Example extends Component {
  render() {
    return (
      <FacebookProvider appId="123456789">
        <Comments href="http://www.facebook.com" />
      </FacebookProvider>
    );
  }
}

您可以在 npmjs 上找到它,以获取更多详细信息。