More than 5 years have passed since last update.

ReactでHTML文字列をDOM要素として描画するコンポーネント

Last updated at 2017-02-14Posted at 2017-02-14

render内からpropsにhtmlの文字列を指定すると、DOM要素に変換してくれるReactコンポーネント。
dangerouslySetInnerHTMLを使用すれば、html文字列をDOM要素に変換してくれる。

const HTMLComponent = (props) => {
    return(
        <span dangerouslySetInnerHTML={{__html: props.htmlstring}}></span>
    );
}