如何在React中多个不间断空格?

时间:2018-12-27 19:49:17

标签: reactjs jsx

如何使用jsx和React在HTML中具有四个或五个连续的不间断空格。我尝试

`asdf${'      '}`

,但它仅呈现一个空格。我该如何在React中做到这一点?

2 个答案:

答案 0 :(得分:2)

您可以为其使用CSS空格属性

<div style = {{ whiteSpace: "pre" }}>{`asdf${'      '}`}</div>

让我知道它是否有效。

答案 1 :(得分:0)

您可以在render中使用不间断的html实体

<div>&nbsp;&nbsp;</div>