react中
不換行、多個 只顯示一個空格的問題 dangerouslySetInnerHTML


項目中突然來個一個臨時需求,第二天急用,很多模塊都要改,當時已經晚上10點了。。。汗!

因為不想再調前端框架,只能想了個小辦法來解決:

 

讓后台返回的數據中,加入若干個 ,請求成功后直接在填充到頁面,實現左右間距的效果;

發現:並沒有什么用,不管多少個 ,直接被當成了一個。。。很急,我們各種查資料,終於找到了辦法:

處理:react中<br/>不換行、多個&nbsp;只顯示一個空格的問題:給標簽設置:dangerouslySetInnerHTML屬性;

 

加上dangerouslySetInnerHTML={{ __html: d.areaName}}

 

<span dangerouslySetInnerHTML={{ __html: d.areaName}} /><span>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM