facebook 发送，关注不再在 react js 中工作

Question

如何在 React 中引入 facebook 关注和发送按钮。我已经在 index.html

加载了 Sdk 脚本

<div className="fb-follow" data-href="https://www.facebook.com/XXXXXXXXX" data-layout="standard" data-colorscheme="dark" data-size="large" data-show-faces="true"></div>

和

<div id="fb-send" className="fb-send" data-href="https://www.facebook.com/XXXXXXXXX/"></div>

我的 index.html 是

<div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId=XXXX&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

我确实检查了我的浏览器是否生成了 html。显示为

<div class="fb-send fb_iframe_widget" data-href="https://www.facebook.com/XXXXX/" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=XXXXX6&amp;container_width=1100&amp;href=XXXXX&amp;locale=en_US&amp;sdk=joey">

Answer 1

关注按钮已弃用，但我们看不到开发者的网站。 https://developers.facebook.com/search/?q=follow+graph+api

Answer 2

如果你想在 React 中使用 Social Plugins，你必须使用这个功能 - 例如，在你的 componentDidMount 中：https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

请注意，如果组件重新呈现，您可能需要再次调用此方法。此外，您需要等待 JS SDK 加载完成。看一下 fbAsyncInit 函数：https://developers.facebook.com/docs/javascript/quickstart

这个帖子也可能对您有帮助：

facebook 发送，关注不再在 react js 中工作

facebook send, follow no longer working in react js

facebook

facebook-javascript-sdk

reactjs