JSFiddle - React, Tailwind, and code Playground

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 = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.3";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>

<!-- 1つ目の埋め込み -->

<div class="fb-post" data-href="facebookのアドレス" data-width="500">
	<div class="fb-xfbml-parse-ignore">
		<blockquote cite="facebookのアドレス">
			<p>何かしらの文</p>
			<a href="facebookのアドレス">木村 聡子</a>さんの投稿&nbsp;<a href="facebookのアドレス">2016年1月31日</a>
		</blockquote>
	</div>
</div>

<!-- 2つ目の埋め込み -->

<div class="fb-post" data-href="facebookのアドレス" data-width="500">
	<div class="fb-xfbml-parse-ignore">
		<blockquote cite="facebookのアドレス">
			<p>何かしらの文</p>
			<a href="facebookのアドレス">木村 聡子</a>さんの投稿&nbsp;<a href="facebookのアドレス">2016年1月31日</a></blockquote>
	</div>
</div>

<!-- 動画の埋め込み -->

<div class="fb-video" data-allowfullscreen="1" data-href="facebookのアドレス">
	<div class="fb-xfbml-parse-ignore">
		<blockquote cite="facebookのアドレス">
			<a href="facebookのアドレス">【HDR-CX670】噴水動画（AVCHD）</a>
			<p>【HDR-CX670】噴水動画（AVCHD）</p><a href="facebookのアドレス">木村 聡子</a>さんの投稿 2016年2月25日
		</blockquote>
	</div>
</div>