NL2BR.js

import React, { PropTypes } from 'react';

function NL2BR({content}) {
    const strs = content.split('\n');
    const {length} = strs;

    if (length === 1) {
        return <span>{content}</span>;
    }

    return (
        <div>
            {strs.map((str, i) =>
                <span key={i}>
                    {str}
                    {i !== length-1 && <br/>}
                </span>
            )}
        </div>
    );
}

NL2BR.propTypes = {
    content: PropTypes.string.isRequired,
};

export default NL2BR;