How to use the react-intl.FormattedHTMLMessage function in react-intl

var ForceAuthMixin = require('../mixin/ForceAuthMixin');

var ArgumentEditor = require('./ArgumentEditor'),
    LikeButtons = require('./LikeButtons'),
    Title = require('./Title'),
    LoadingIndicator = require('./LoadingIndicator');

var ArgumentAction = require('../action/ArgumentAction');

var ArgumentStore = require('../store/ArgumentStore');

var Link = ReactRouter.Link;

var FormattedMessage = ReactIntl.FormattedMessage,
    FormattedHTMLMessage = ReactIntl.FormattedHTMLMessage;

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col,
    Button = ReactBootstrap.Button;

var Footer = React.createClass({

    mixins: [
        ForceAuthMixin,
        ReactIntl.IntlMixin,
        Reflux.connect(ArgumentStore, 'args')
    ],

    componentWillMount: function()
    {

var PropTypes = require('prop-types');
/**
 * Copyright 2015, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */
var React = require('react');
var ReactIntl = require('react-intl');
var FormattedHTMLMessage = ReactIntl.FormattedHTMLMessage;

class Message extends React.Component {
    static propTypes = {
        msgId: PropTypes.string.isRequired,
        msgParams: PropTypes.object
    };

    static contextTypes = {
        intl: PropTypes.object
    };

    render() {
        return this.context.intl ?  : <span>{this.props.msgId || ""}</span>;
    }
}

var _ = require('underscore');
var React = require('react');
var Link = require('react-router').Link;
var ga = require('react-ga');
var OutboundLink = require('react-ga').OutboundLink;
var PureRenderMixin = require('react-addons-pure-render-mixin');
var FormattedMessage = require('react-intl').FormattedMessage;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var withTeachAPI = require('../../hoc/with-teach-api.jsx');

var config = require('../../config/config');

var LoginLink = require('./LoginLink.jsx');
var LogoutLink = require('./LogoutLink.jsx');

var Login = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  statics: {
    teachAPIEvents: {
      'login:start': 'handleApiLoginStart',
      'login:error': 'handleApiLoginError',
      'login:success': 'handleApiLoginSuccess',

var React = require(`react`);
var ActivityTemplate = require('./activity-template.js');
var FormattedMessage = require("react-intl").FormattedMessage;
var FormattedHTMLMessage = require("react-intl").FormattedHTMLMessage;

module.exports = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function() {
    return (
      
              <p style="{{textAlign:"></p>

const bindAll = require('lodash.bindall');
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage;
const injectIntl = require('react-intl').injectIntl;
const intlShape = require('react-intl').intlShape;
const React = require('react');

const Button = require('../../components/forms/button.jsx');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const TTTModal = require('../../components/modal/ttt/modal.jsx');
const TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');

const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');

const Tiles = require('./ttt.json');

var React = require('react');
var injectIntl = require('react-intl').injectIntl;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var FormattedMessage = require('react-intl').FormattedMessage;
var render = require('../../lib/render.jsx');

var MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
var Page = require('../../components/page/www/page.jsx');
var TitleBanner = require('../../components/title-banner/title-banner.jsx');
var TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');
var Tiles = require('./microworlds.json');

require('./microworldshomepage.scss');

var MicroworldsHomepage = injectIntl(React.createClass({
    type: 'MicroworldsHomepage',
    render: function () {
        return (
            <div></div>

const bindAll = require('lodash.bindall');
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage;
const injectIntl = require('react-intl').injectIntl;
const intlShape = require('react-intl').intlShape;
const React = require('react');

const Button = require('../../components/forms/button.jsx');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const TTTModal = require('../../components/modal/ttt/modal.jsx');
const TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');

const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');

const Tiles = require('./ttt.json');

var React = require('react');
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var Link = require('../../components/link/link.jsx');

var FormInput = React.createClass({
  mixins: [require('react-intl').IntlMixin],
  getDefaultProps: function () {
    return {
      type: 'text',
      tabIndex: 0
    };
  },
  checkForReturn: function (e) {
    if (e.keyCode === 13) {
      if (typeof this.props.onReturn === 'function') {
        this.props.onReturn();
      }
    }

var withTeachAPI = require('../../hoc/with-teach-api.jsx');

var fixLocation = require('../../lib/fix-location.js');

var HeroUnit = require('../../components/hero-unit.jsx');
var Map = require('../../components/map.jsx');
var IconLinks = require('../../components/icon-links.jsx');
var IconLink = require('../../components/icon-link.jsx');
var LoginLink = require('../../components/login.jsx').LoginLink;
var ModalAddOrChangeYourClub = require('../../components/modal-clubs.jsx');
var ModalRemoveYourClub = require('../../components/modal-clubs-remove.jsx');
var Illustration = require('../../components/illustration.jsx');
var ImageTag = require('../../components/imagetag.jsx');
var LinkAnchorSwap = require('../../components/link-anchor-swap.jsx');
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;


var Intro = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function(){
    return (
      <div>
        <div>
          <div>
            <section>
              <h2><i></i> Important Update</h2>
              <p>Mozilla has made a strategic decision to sunset its local digital literacy programs including Hive and Mozilla Clubs over the course of 2017/2018. You have been, and will continue to be, leaders within this movement for Internet health, and Mozilla will continue to find ways to support you and concrete ways for people from our local communities to plug into this work. We will honor all current commitments to our grantee partners and donors. Content on this site, including curriculum and other resources, will continue to be available and archived here for your use. Visit <a href="https://foundation.mozilla.org">foundation.mozilla.org</a> for more information or contact <a href="mailto:mozillaclubs@mozillafoundation.org">mozillaclubs@mozillafoundation.org</a> with any further questions.</p>
            </section>
          </div></div></div>

var React = require('react');
var ThumbCarousel = require('mofo-ui').ThumbCarousel;
var Link = require('react-router').Link;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;

var Start = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function () {
    var carouselData = [{
      image: '/img/pages/clubs/club-captains/asisipho.png',
      caption: this.context.intl.formatMessage({id: 'captain_quote_asisipho_message'}),
      attribution: this.context.intl.formatMessage({id: 'captain_quote_asisipho_attribution'})
    }, {
      image: '/img/pages/clubs/club-captains/patience.png',
      caption: this.context.intl.formatMessage({id: 'captain_quote_patience_message'}),
      attribution: this.context.intl.formatMessage({id: 'captain_quote_patience_attribution'})
    }, {
      image: '/img/pages/clubs/club-captains/arkodyuti.png',