包含不间断空格的ReactJS呈现字符串
包含不间断空格的ReactJS呈现字符串
提问于 2014-06-26 21:59:43
我有一些道具，它们的字符串可以包含诸如&之类的字符。它还包含空格。我想用 替换所有的空格。
有什么简单的方法可以做到这一点吗？请记住，我不能只使用以下语法进行渲染：
<div dangerouslySetInnerHTML={{__html: myValue}} />因为我必须首先将任何HTML实体替换为它们的标记。我不想这样做，它看起来太低了。
有什么办法可以做到这一点吗？
回答 6
Stack Overflow用户
回答已采纳
发布于 2014-06-27 02:21:40
您可以使用 引用的Unicode字符(U+00A0不间断空格)，而不是使用Unicode实体：
<div>{myValue.replace(/ /g, "\u00a0")}</div>Stack Overflow用户
发布于 2016-04-23 06:44:37
我知道这是一个老生常谈的问题，而且这并不完全符合您的要求，但是您想要实现的目标可能不是编辑字符串，而是使用CSS white-space: nowrap属性可以更好地解决：
在html中：
<div style="white-space: nowrap">This won't break lines</div>在react中：
<div style={{ whiteSpace: 'nowrap' }}>{myValue}</div>Stack Overflow用户
发布于 2017-07-22 06:24:13
如果您想要显示一个漂亮的xml：
var str = "<test>\n\t\t<value>1</value>\n</test>\n".replace(/</g, '<').replace(/>/g, '>').replace(/\t/g, "\u00a0").replace(/\n/g, '<br/>');
return (
<div dangerouslySetInnerHTML={{__html: str}} ></div>
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24432576
复制相关文章
相似问题