The correct render array in react — how to implement?

Learn react, write a test plan for yourself.

And here faced a problem: there is a string of tags delimited by commas, I use .map() is split into an array and throw each tag in the link
251eb6f2dbb04b3aa570cf3244686d4f.png

And I can not skutecnosti below after the link was the comma with a space. How to do it without reversing in a separate container?
Just wondering: is it appropriate at all in such a way to render such elements? Later, of course, will come not a string, but an array of tags, but that's another topic.
June 26th 19 at 14:24
1 answer
June 26th 19 at 14:26
I thought this gostelekom
this.props.tags.split(',').map((tag, i) =>
 <span key="{i}">
 <a classname="tag">{tag}</a>
 {i === this.props.tags.split(',').length -1 ? ": ', '}
</span>
)

Find more questions by tags React