title: How to pass hml with event bindings as a string into the render() method?
body: <p>I would like to take an HTML string that has <code>a</code> tags within it, assign event handlers to them, and render them. Example html:</p>
  
  <pre><code>This is a sample blog post with HTML. &lt;a data-id="1"&gt;Click here.&lt;/a&gt;
  </code></pre>
  
  <p>I can use jQuery to parse this HTML string and insert events (or props, or anything else), like so:</p>
  
  <pre><code>This is a sample blog post with HTML. &lt;a data-id="1" ref="myClick" onClick={this.handleClick}&gt;Click here.&lt;/a&gt;
  </code></pre>
  
  <p>Now I want to render it:</p>
  
  <pre><code>return (
              &lt;div&gt;
                  &lt;p dangerouslySetInnerHTML={{__html: theHtml}}&gt;&lt;/p&gt;
              &lt;/div&gt;
          );
  </code></pre>
  
  <p>But this renders the raw HTML without any React magic. How do I create the HTML/formatting as a string and then render it as normal?</p>