title: How to display react-intl translation result for href?
body: <p>Is there any option to show contact number as <code>&lt;a class="footer__links--contact--phone" href="tel:+44 1234 1234 12"&gt;</code> in react-int ?</p>
  
  <pre><code>import React from 'react';
  import { FormattedMessage } from 'react-intl';
  import messages from './messages';
      const ContactList = () =&gt; (
        &lt;div className="footer__links--contact"&gt;
          &lt;pre&gt;{JSON.stringify(messages.phone)}&lt;/pre&gt;
          &lt;a className="footer__links--contact--phone" href={`tel:${messages.phone}`}&gt;
            &lt;FormattedMessage {...messages.phone} /&gt;
            &lt;p className="footer__opening-hours"&gt;
              &lt;FormattedMessage {...messages.availability} /&gt;
            &lt;/p&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      );
      export default ContactList;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Ni3Jn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ni3Jn.png" alt="enter image description here"></a></p>