从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本篇内容介绍了“react标签不换行如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
我们提供的服务有:成都网站设计、网站建设、外贸网站建设、微信公众号开发、网站优化、网站认证、献县ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的献县网站制作公司
react标签不换行的解决办法:1、对返回的数据中的“\n”进行处理,用“
”标签替换;2、在JSX中,配合“dangerousSetInnerHTML”实现换行,并设置css属性“white-space:pre-wrap”即可。
React项目/JSX中‘\n’不换行问题解决
最近在React项目中,后端返回的字符串中用\n提供给前端进行换行,但是在前端页面并没用实现换行,我在网上查了很多资料,找到很多方法,但是都没有实现换行,最后,我自己无意间通过组合试出来了。
1 首先,对返回的数据中的\n进行处理,用
替换
eg:const info = 'React\n Vue\n Angular';
const replaceInfo = info.replace(/\\n/g, '
);
2 在JSX中,配合dangerousSetInnerHTML实现换行,设置css属性:white-space:pre-wrap
eg:
“react标签不换行如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
分享名称:react标签不换行如何解决
链接分享:http://cdkjz.cn/article/gjcgoe.html
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图