Неразрывное пространство для React?

Мне нужно разделить некоторые данные, чтобы после имени юнита был пробел. Как правильно добавить пробел после вызова данных?

Поскольку я новичок в реагировании, я попытался добавить ваш базовый   безрезультатно.

Пример:

<span>{unit.name}&nbsp;</span>

Я также пробовал что-то вроде:

{unit.name, "\u00A0"}

и

<span>{unit.name}{' '}</span>

reactjs jsx
person brooksrelyt    schedule 30.01.2019    source источник
comment
возможный дубликат stackoverflow.com/ вопросы/24432576/   -  person Maielo    schedule 30.01.2019

Ответы (2)


arrow_upward
4
arrow_downward 

<span>{unit.name} </span>

Вы можете просто написать буквальное пространство.

person Joss Classey    schedule 30.01.2019
comment
Вот песочница для резервного копирования ответа @Joss Classey codesandbox.io/s/j7yn54wm05 - person dance2die; 30.01.2019

arrow_upward
0
arrow_downward

Если это длинный текст, вы можете использовать что-то вроде этого:

<span style={{whiteSpace: 'nowrap'}}>Long line with no breaks</span>
person Hamed    schedule 30.01.2019