title: How to render jsx/html that is inside variable (or prop)?
body: <pre><code>const Footer = () =&gt; {
    let a="&lt;b&gt;Hey&lt;/b&gt;"
    return (
      &lt;div&gt;
        Some bold text: {a}
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>This will only render as <code>Some bold text: &lt;b&gt;Hey&lt;/b&gt;</code>. How to get the bold text rendered as bold? The variable content is my own, so I do not have to worry about eval stuff.</p>