React JSX中循环的最后一次迭代条件是什么？

Question

我有一个电子邮件列表需要循环遍历并以以下格式显示。

  renderEmaillist() {
    return this.props.OfficeEmailAddress.map((officeEmail) => {
        return (
          <a key={emailID} href={`mailto:${officeEmail}`}>{officeEmail}{'; '}</a>
          );
    });
}

当它被渲染时

 [e-mail]; [e-mail];

我想仅在最后一个循环结尾处移除分号。

怎样做最好？

- Zena Mesfin

---

从理论上讲，您可以在CSS中添加分号而不是JavaScript。 - Naftali

Answer 1

在map函数内，你可以访问数组的索引和整个数组：

return this.props.OfficeEmailAddress.map((officeEmail, index, arr) => {
  return (
    <a key={emailID} href={`mailto:${officeEmail}`}>
      {officeEmail}{index === arr.length - 1 ? '' : '; '}
    </a>
  );
});

我添加了一个三元运算符来确定我们是否在数组的最后一个元素上，如果是，则只输出一个空字符串。

- Sumner Evans

---

@ZenaMesfin，你把它加入到函数参数里了吗？ - Sumner Evans