我正在将 Facebook Comment Plugin 用于我的 React 应用程序,但是当我使用 < Link to=' '/> 并且我必须重新加载时它不显示 页面一次或两次以使其工作。 这是我的代码
index.html
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&autoLogAppEvents=1&version=v9.0&appId=3638093886307743"
nonce="Owrtrtj1"></script>
组件js
export class FacebookComment extends Component {
constructor(props) {
super(props);
}
render() {
const location = window.location.href;
return (
<div>
<div
class={"fb-comments"}
data-href={location}
data-width="100%" data-numposts="1"></div>
</div>
)
}
}
答案 0 :(得分:0)
这是我的代码,它对我有用!
export function FacebookComment(props) {
const { link, title } = props;
React.useEffect(() => {
if (window.FB) {
window.FB.XFBML.parse();
}
});
return (
<div className="facebookComment">
<div className="title">{title}</div>
<div
className="fb-comments"
data-href={link}
data-width="100%"
data-numposts="5"
></div>
</div>
);
}