JSFiddle - React, Tailwind, and code Playground
HTML
<div class="like-btn">
<fb:like href="https://www.facebook.com/Retrogram" width="450"></fb:like>
</div>
<div id="fb-root"></div>
CSS
.like-btn {
display:table;
margin:40px auto;
}
JavaScript
window.fbAsyncInit = function () {
FB.init({
appId: '541332479545658',
status: true,
xfbml: true,
version : 'v2.12'
});
// FB event listener
FB.Event.subscribe('edge.create', function (url) {
console.log('You liked the URL: ' + url);
});
};
(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/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));