javascript - 在 ReactJS 中的数组对象后添加空格
问题描述
我在 React 中映射一个数组,在其中输出保存在数组中的标签。我在每个对象后都有逗号,但也想要一个空格。
这是映射代码:
{
result &&
result.map(project => {
if (project.item) project = project.item;
return (
<ProjectStyling key={project.id}>
<h4>Project Tags:</h4>
<p>{(project ? " " : ", ") + project.keywords}</p>
</ProjectStyling>
);
});
}
目前它看起来像 "Bob,Foo,Bar" 我希望它看起来像 "Bob, Foo, Bar"
注意jsx中逗号后面已经有空格了
解决方案
它显示时没有空格,因为这是数组的默认字符串表示形式。您可以使用join函数将每个元素与您想要的任何分隔符连接起来。
就您而言,我认为逗号后跟空格是您想要的。
<h4>Project Tags:</h4>
<p>{project.keywords.join(', ')}</p>
推荐阅读
- go - 无法在 Go 中解析 RSASSA-PSS 私钥
- azure - Azure 服务总线 - 转发到另一个队列 - 获取原始队列详细信息
- php - 有没有办法从 laravel 控制器打开谷歌浏览器?
- chilkat - 使用 Ssl = true 时,Chilkat Upload BeginUpdate 失败并显示“无法读取 TLS 记录 (2)”
- c++ - sqlite3_prepare() 中的分段错误取决于 sql 字符串
- excel - EXCEL VLOOKUP 参数近似值
- reactjs - 使用 React JS 在电子商务商店中管理商店产品的最佳方法?
- python - 使用 mocker.patch 重命名 pytesting 文件
- amazon-web-services - AWS-SAM:如何重新使用 Route53 域而不是重新创建它?
- asp.net-mvc - 在视觉工作室工作时,我们创建 Meta 类,为什么?