我有一些道具,它们的字符串可以包含诸如&之类的字符。它还包含空格。我想用
替换所有的空格。
有什么简单的方法可以做到这一点吗?请记住,我不能只使用以下语法进行渲染:
<div dangerouslySetInnerHTML={{__html: myValue}} />
因为我必须首先将任何HTML实体替换为它们的标记。我不想这样做,它看起来太低了。
有什么办法可以做到这一点吗?
发布于 2014-06-27 02:21:40
您可以使用
引用的Unicode字符(U+00A0不间断空格),而不是使用Unicode实体:
<div>{myValue.replace(/ /g, "\u00a0")}</div>
发布于 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>
发布于 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>
)
https://stackoverflow.com/questions/24432576
复制相似问题