下载百度知道APP抢鲜体验
使用百喥知道APP,立即抢鲜体验你的手机镜头里或许有别人想知道的答案。
有时我们会遇到这种情况后端傳递了一大段包含了回车符的文本内容,在React中我们直接将这部分内容展示的话,并不会出现换行的效果如下例子:
/* content为从后端获取的数據,例如:
此时在浏览器中的显示效果如下图所示:
可以看到页面显示并未换行。
方法二: 通过设置CSS的 white-space
属性来实现如下:
这个方法通過添加包裹文本内容的元素的css样式white-space: pre-line
即可实现浏览器中显示换行。显示效果和方法一中的结果一样对white-space: pre-line
属性感兴趣的也可以自己去搜索,这裏也不详细展开
总结:推荐使用方法二来实现。