在React中格式化html文本

Question

我正在使用React库，我想在html元素中插入带有<br>文本的文本。

var FinancialOverviewRow = React.createClass({
    render: function() {
    return (
            <tr>
                {
                    this.props.data.map(function(val, index) {
                        jsx = <div>{val}</div>;
                        return (<td className={fields[index].classname} key={key}>
                                    {jsx}
                        </td>);
                    })
                }
            </tr>
        );
    }
});

但此处val是一个有时包含<br>的文字。我怎么能以某种方式格式化它，我真的将这个标签用作HTML标签？ 我见过的所有解决方案都以某种方式使用jQuery，我没有。