如何在模板文字中使用空格？

Question

我有一个

元素，使用模板文字（模板字符串）显示动态内容。

<li className='floatLeft'><span><b>Galley Details</b></span> <br/>{`${galleyCartsDet[0].quantity} Full Cart ${galleyCartsDet[1].quantity} Half Cart${galleyCartsDet[2].quantity} SMU${galleyCartsDet[3].quantity} Stowage`}</li>

如何在给定的模板字符串中使用空格？

`${galleyCartsDet[0].quantity} Full Cart ${galleyCartsDet[1].quantity} Half Cart${galleyCartsDet[2].quantity} SMU${galleyCartsDet[3].quantity} Stowage`

Answer 1

您可以通过以下方式在模板字符串中使用空格：

`\u00A0\u00A0${option.value}\u00A0\u00A0`

\u00A0 = 不间断空格
\u0020 = 普通空间