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

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 = 普通空間