后端返回字符串换行符 前端怎么实现换行 reactjs

Question

比如后台返回一段内容,前端用什么方法可以实现换行呢？网上找了好几种方法，尝试了都不行

let content = "xxxxx↵xxx↵xxxxxx↵xxxx↵↵xxxx"

Answer 1

首先看你要把这段内容放在哪里。

• p标签，那换行需要用<br />，
• pre或者code之类的，那换行就是"\n"。

然后就去把后端返回的字符串做一下替换就好。

Answer 2

function TransferString(content, str) {
  if (typeof content !== 'string') {
    return '';
  }
  let string = content;
  try {
    string = string.replace(/\r\n/g, str);
    string = string.replace(/\n/g, str);
  } catch (e) {
    alert(e.message);
  }
  return string;
}

将换行符随便换成一个字符串再拆成数组，多行展示就完事儿了