Takuya Digital crafts(man|dog). Love photography. Always making otherwise sleeping. born in 1984. 本記事は React Advent Calendar 2016 9日目の記事です。 本稿では、remarkというプラグインベースのMarkdownプロセッサを用いて、ReactのdangerouslySetInnerHTMLを使わずにMarkdownをレンダリングする方法をご紹介します。 InkdropというMarkdown専用ノートアプリを作っていて、その中でこのremarkを使っています。 XSSを回避してReact方式でDOM操作したい ReactでMarkdownをレンダリングしようと思うと、markedとかmarkdown-itを使ってHTMLの文字列に変換してからdangerously
![remark+ReactでMarkdownをレンダリングする](https://cdn-ak-scissors.b.st-hatena.com/image/square/da5fa77d89196d808a031d6173ec2d7d0c781603/height=288;version=1;width=512/https%3A%2F%2Fodoruinu.files.wordpress.com%2F2016%2F08%2Fa2a2543d-1502-4fac-9336-8f9627510105.png%3Fw%3D1200)