版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明
有时我们会遇到这种情况，后端传递了一大段包含了回车符的文本内容在React中，我們直接将这部分内容展示的话并不会出现换行的效果。如下例子：
/* content为从后端获取的数据例如：
此时在浏览器中的显示效果如下图所示：
可以看到，页面显示并未换行
方法二： 通过设置CSS的 white-space 属性来实现，如下：
这个方法通过添加包裹文本内容的元素的css样式white-space: pre-line即可实现浏览器Φ显示换行显示效果和方法一中的结果一样，对white-space: pre-line属性感兴趣的也可以自己去搜索这里也不详细展开。
总结：推荐使用方法二来实现
