Правильный рендер массива в react — как осуществлять?

Question

[Денис Букреев]

Обучаюсь реакту, пишу тестовый проектик для себя.

И вот столкнулся с проблемой: есть строка тегов, перечисленных через запятую, я ее с помощью .map() разбиваю на массив и раскидываю каждый тег в ссылку


И никак не могу вскумекнуть, чтобы после ссылки шла запятая с пробелом. Как это осуществить без оборачивания в отдельный контейнер?
Так же интересно: адекватно ли вообще таким способом рендерить подобные элементы? В последствии, конечно, приходить будет не строка, а массив тегов, но это другая тема.

Answer 1

[Денис Букреев]

Пока решил таким костыликом

this.props.tags.split(',').map((tag, i) =>
  <span key={i}>
    <a className="tag">{tag}</a>
    {i === this.props.tags.split(',').length -1 ? '' : ', '}
  </span>
)