用 JavaScript 动态生成逗号

Question

我正在尝试在迭代的项目列表之间动态生成逗号。这有点棘手，因为如果 {floor.fields.spacesText} 中有一个项目，我想显示逗号，但如果没有，我什么都不显示。有没有一种优雅的方法可以使用 JavaScript 来做到这一点？

const spacesText = (
  <React.Fragment>
    {typy(floor, 'fields.spacesLinks').safeArray.map(link => {
      const linkPath = link.fields.url || link.fields.slug
      const comma = ', '
      return <React.Fragment><Link to={`${linkPath}`}>{link.fields.title}</Link>{comma}</React.Fragment>
    })}
    {floor.fields.spacesText}
  </React.Fragment>
)

Answer 1

这是三元语句的一个很好的用例：

const comma = floor.fields.spaceText ? ', ' : '';