javascript - 条件是React JSX中循环的最后一次迭代吗？

我有一个需要循环浏览并以这种格式显示的电子邮件列表。

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

呈现时

 [email protected]; [email protected];

我只想在最后一个循环的末尾删除分号。

下注的方式是什么？

最佳答案

您可以从 map 中访问索引和整个数组:

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

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