react.js

React.jsで改行を<br />に変換する

More than 3 years have passed since last update.

課題

React.jsで\n<br>として表示したい。

解決策

React.createClass({
    nl2br: function (text) {
        var regex = /(\n)/g
        return text.split(regex).map(function (line) {
            if (line.match(regex)) {
                return React.createElement('br')
            }
            else {
                return line;
            }
        });
    },
    render: function () {
        return (
            <p>{ this.nl2br(this.props.text) }</p>
        );
    }
});