Reactでraw htmlを使う方法

「Reactでraw htmlを使う方法」のアイキャッチ画像

ライブラリを入れるのは嫌だったので、このコードを参考にしたところ簡単に導入できました

const RenderHTML = () => {
  const createMarkup = htmlString => ({ __html: htmlString });
  const html = '<div><a href="#">This is example</a></div>'
  return (
    <div>
      Please click this link: <div dangerouslySetInnerHTML={createMarkup(html)} />
    </div>
  )
}

参考記事

Render the HTML raw in React app

Save