title: Is dangerouslySetInnerHTML the only way to render HTML from an API in React?
body: <p>I'm making a TV guide with React. I'm pulling show information from this API: <a href="http://api.tvmaze.com/episodes/333" rel="noreferrer">http://api.tvmaze.com/episodes/333</a></p>
  
  <p>As you can see the <code>summary</code> contains html. If I render the field. then the HTML is interpreted as a string, meaning that you can see the <code>&lt;p&gt;</code> tags, etc., on the page. </p>
  
  <p>I know that I could use <code>dangerouslySetInnerHTML</code> but it's discouraged for security reasons. What is the best practice for this? It must be fairly common to get formatted text from an API and need to render it. I'm surprised there isn't a filter which would allow <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>, etc., but not script tags. </p>