Render HTML string as real HTML in a React component

Here’s what I tried and how it goes wrong.

This works:

<div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} />

This doesn’t:

<div dangerouslySetInnerHTML={{ __html: this.props.match.description }} />

The description property is just a normal string of HTML content. However it’s rendered as a string, not as HTML for some reason.

enter image description here

Any suggestions?

13 Answers
13