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>
);
}
});