More than 3 years have passed since last update.

ReactでHTMLの文字列をレンダリングする（変数に格納されているHTMLの文字列をレンダリングする）

Last updated at 2020-09-07Posted at 2019-11-28

概要

Reactでhtmlの文字列をレンダリングする（変数に格納されているHTMLの文字列をレンダリングする）。

dangerouslySetInnerHTMLを使うと可能。

dangerouslyの名の通り、注意して使うように。。

render(){
    let hoge = "<div style='color: red;'>auauauaua</div>";
    return <div dangerouslySetInnerHTML={{ __html: hoge }}></div>;
}