Как сделать несколько неразрывных пробелов в React?

Question

Как иметь четыре или пять последовательных неразрывных пробелов в HTML, используя jsx и React.Я пытаюсь

`asdf${'      '}`

, но это только один пробел.Как мне это сделать в React?

Answer 1

Вы можете использовать неразрывный пробел html-сущности внутри рендера

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

Answer 2

Вы можете использовать свойство пробела CSS для него

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

Дайте мне знать, если оно работает.