title: How can I formatMessage with a tags (links) using react-intl?
body: <p>I need to add links to the text I need translated. How can I formatMessages that have links?</p>
  
  <p>Right now this is what I am trying to do:</p>
  
  <pre><code>const messages = defineMessages({
    copy: {
      id: 'checkout.OrderReview.copy',
      description: 'Label for add card button',
      defaultMessage: 'By clicking the "Place Order" button, you confirm that you have read, understood, and accept our {termsAndConditionsLink}, {returnPolicyLink}, and {privacyPolicyLink}.',
    },
    termsAndConditions: {
      id: 'checkout.OrderReview.termsAndConditions',
      description: 'Label for terms and conditions link',
      defaultMessage: 'Terms and Conditions',
    },
    returnPolicy: {
      id: 'checkout.OrderReview.returnPolicy',
      description: 'Label for return policy link',
      defaultMessage: 'Return Policy',
    },
    privacyPolicy: {
      id: 'checkout.OrderReview.privacyPolicy',
      description: 'Label for privacy policy link',
      defaultMessage: 'Privacy Policy',
    },
  });
  </code></pre>
  
  <p>Then, in the render function:</p>
  
  <pre><code>  const copy = formatMessage(messages.copy, {
      termsAndConditionsLink: &lt;a href="#" className="u-underline text-color-grey"&gt;`${formatMessage(messages.termsAndConditions)}`&lt;/a&gt;,
      returnPolicyLink: &lt;a href="#" className="u-underline text-color-grey"&gt;`${formatMessage(messages.returnPolicy)}`&lt;/a&gt;,
      privacyPolicyLink: &lt;a href="#" className="u-underline text-color-grey"&gt;`${formatMessage(messages.privacyPolicy)}`&lt;/a&gt;,
    });
  
  return &lt;div&gt; { copy } &lt;/div&gt;
  </code></pre>
  
  <p>This doesn't work. I get:
  By clicking the "Place Order" button, you confirm that you have read, understood, and accept our [object Object], [object Object], and [object Object].</p>
  
  <p>What is the correct way to accomplish this task?</p>