title: Highlight text using ReactJS
body: <p>I'm trying to highlight text matching the query but I can't figure out how to get the  tags to display as HTML instead of text.    </p>
  
  <pre><code>var Component = React.createClass({
      _highlightQuery: function(name, query) {
          var regex = new RegExp("(" + query + ")", "gi");
          return name.replace(regex, "&lt;strong&gt;$1&lt;/strong&gt;");
      },
      render: function() {
          var name = "Javascript";
          var query = "java"
          return (
              &lt;div&gt;
                  &lt;input type="checkbox" /&gt; {this._highlightQuery(name, query)}
              &lt;/div&gt;
          );
      }
  });
  </code></pre>
  
  <p>Current Output: &lt;strong&gt;Java&lt;/strong&gt;script</p>
  
  <p>Desired Output: <strong>Java</strong>script</p>