如何识别特殊字符？

Question

我想在HTML <div>标记内显示一个段落。

如何识别这些特殊格式字符并按预期显示段落？

我在render() { return( <div dangerouslySetInnerHTML={{__html: paragraph}}/> )}内尝试过，但它仍然无法识别特殊格式字符，只是在一个块/行中显示段落，没有任何格式。

谢谢你，我一定会对答案进行投票并接受答案。

Answer 1

改为使用pre（预格式化）代码吗？

<pre>{paragraph}</pre>

这几乎是<pre>标记的规范用法，HTML ignores most whitespace。

或者，您可以将white-space: pre规则添加到<div>。

<div style={{ whiteSpace: 'pre' }}>{paragraph}</div>

这将产生相同的效果，但可以说语义HTML更少。