页面上未显示 Facebook 评论

Question

我刚刚在我使用 NodeJS 和 ReactJS 创建的网站上添加了 Facebook 评论插件，这是生成的代码

<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 但无论如何都没有改变，这是什么原因，我该如何解决？谢谢

Answer 1

您必须使用库 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 找到更多详细信息。