title: using react-intl, but return value is escaped
body: <p>I've search an answer to this question and couldn't find a good answer
  Im tring to have some formatting in my app and I'm using react-intl. The app looks like this:</p>
  
  <pre><code>    &lt;div&gt;
        &lt;FormattedMessage
          id={"some.id"}
          defaultMessage={`{important} this not bold anymore`}
          values={{
            important: `&lt;b&gt;Important:&lt;/b&gt;`
          }}
        /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My problem is that the return value is being escaped and I see </p>
  
  <pre><code>&lt;b&gt;Important:&lt;/b&gt; this not bold anymore
  </code></pre>
  
  <p>If I understand correctly, this is done by react as it doesn't allow &lt;> symbols in a string, and is escaping them.</p>
  
  <p>As I saw in many places, I can use dangerouslySetInnerHTML but this is not the right approach to this...</p>
  
  <p>Will appreciate any helpfull advice!</p>
  
  <p>EDIT: Just to be clear - dangerouslySetInnerHTML can be used if instead of using the FormattedMessage component, I'll use <a href="https://github.com/yahoo/react-intl/wiki/API#formatmessage" rel="nofollow noreferrer">formattedmessage</a> function.</p>