React中的换行

[墨香年少 32]

首先给需要换行的div设置一个css

style="white-space: pre-wrap;"

比如你的ajax返回的内容中，想用<BR>来表示换行，那么可以使用下面的代码

function replace_br(str) {
    var _count = (str.split('<BR>')).length - 1;
    for (let index = 0; index < _count; index++) {
        str = str.replace('<BR>', '\r\n')
    }
    return str;
}

需要调用的地方：

<span className="weui-steps__item__desc" style={{ whiteSpace: 'pre-wrap' }}>{replace_br(process.attribute)}</span>