SafeStringComponent

SafeStringComponent.jsx

var React = require('react');

/**
 * A more usable wrapper around React's dangerouslySetInnerHTML. This should only be used for
 * safe server-provided data that cannot be manipulated by an external user. This will render
 * HTML, so tags inside will become actual DOM elements.
 *
 * Do not abuse this.
 *
 * (╯°□°）╯︵ ┻━┻
 */
var SafeStringComponent = React.createClass({

    propTypes: {
        string: React.PropTypes.string
    },

    render: function() {
        return <span dangerouslySetInnerHTML={{__html: this.props.string}}></span>;
    }

});

module.exports = SafeStringComponent;