設定や拡張JavaScriptMarkdownMarkedReacthighlight.jsはじめにいなたつアドカレの六日目の記事です。今回は前回に続いてMarkdownをReactで表示するために、htmlに変換する部分です。あとは、シンタックスハイライトをする方法ですね。)}h1などのタグの拡張です。rは先ほどインスタンス化したものですね。headingがh1,h2などのタグにあたります。これを使うことで、指定したclass名を付与し、cssによる管理が可能になります。このほかにも様々な記法をHTMLタグに変換する過程で拡張できます。text)次にインポートしたmarked本体の設定で、。})mdに入ってる値をmarkedを使って変換しています。ここをstateなどを指定することで、reactっぽくなりますね。最後に前回と組み合わせて、stateのbodyに格納されたmarkdownをhtmlに変換しコンポーネント内部に展開して表示する部分を記しておきます。