我有一个<li>元素,使用Template Literals(模板字符串)显示动态内容.

<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`

推荐答案

您可以这样使用template string中的空格:

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

\u00A0 = non-breaking space
\u0020 = normal space

Javascript相关问答推荐

Angular 拦截器错误处理删除方法问题

从外部访问组件变量-Vueejs

ReactJS中的material UI自动完成类别

防止用户在selectizeInput中取消 Select 选项

我可以从React中的出口从主布局调用一个处理程序函数吗?

函数返回与输入对象具有相同键的对象

jQuery s data()[storage object]在vanilla JavaScript中?'

我们如何从一个行动中分派行动

html + java script!需要帮助来了解为什么我得到(无效的用户名或密码)

变量的值在Reaction组件中的Try-Catch语句之外丢失

如何在每次单击按钮时重新加载HighChart/设置HighChart动画?

编辑文本无响应.onClick(扩展脚本)

在运行时使用Next JS App Router在服务器组件中运行自定义函数

类构造函数忽略Reaction Native中的可选字段,但在浏览器中按预期工作

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

Docent.cloneNode(TRUE)不克隆用户输入

如何在Java脚本中对数据进行签名,并在PHP中验证签名?

P5.js中的分形树

更改agGRID/Reaction中的单元格格式

MongoDB通过数字或字符串过滤列表