title: React - How to return HTML elements in JSON
body: <p>I have a JSON file that contains HTML elements in a string - Is it possible to return the data in React/JSX as valid rendered HTML?</p>
  
  <pre><code>var Hello = React.createClass({
    render: function() {
      var exampleJSONData = {
          "item": "Hello",
          "text": "&lt;p&gt;Lorem ipsum&lt;/p&gt;&lt;p&gt;dolor sit amet&lt;/p&gt;"
      }
      return &lt;div&gt;{data.item} {data.text}&lt;/div&gt;;
    }
  });
  </code></pre>
  
  <p>Returns : <code>Hello &lt;p&gt;Lorem ipsum&lt;/p&gt;&lt;p&gt;dolor sit amet&lt;/p&gt;</code> instead of:</p>
  
  <pre><code>Hello
  Lorem ipsum
  dolor sit amet
  </code></pre>
  
  <p><a href="https://jsfiddle.net/7jabzxvy/1/" rel="noreferrer">fiddle</a></p>