title: Issues with text rendering in react component
body: <p>So I am working with an API, and found this in the documentation:</p>
  <pre><code>let message = {
   &quot;text&quot; : &quot;&lt;i&gt;or&lt;/i&gt; HN: the Next Iteration&lt;p&gt;I get the impression that with Arc being released a lot of people who never had time for HN before are suddenly dropping in more often. (PG: what are the numbers on this? I'm envisioning a spike.)&lt;p&gt;Not to say that isn't great, but I'm wary of Diggification. Between links comparing programming to sex and a flurry of gratuitous, ostentatious  adjectives in the headlines it's a bit concerning.&lt;p&gt;80% of the stuff that makes the front page is still pretty awesome, but what's in place to keep the signal/noise ratio high? Does the HN model still work as the community scales? What's in store for (++ HN)?&quot;,
    &quot;time&quot; : 1203647620
  }
  </code></pre>
  <p>So in react (using function component), what is the proper way of rendering <code>message.text</code>? I am asking because my rendering output still has the tag <code>&lt;i&gt;&lt;/i&gt;</code> and <code>&lt;p&gt;&lt;/p&gt;</code> in the text when I return <code>{message.text}</code>. So I guess there is something wrong.</p>