Javascript 使用函数动态生成标记

我想显示动态标签。我似乎无法让我的css看起来很好。容器反应灵敏，因此必须很好地破裂：

CSS:

这样显示：

mapTags = tagArray => {
  return tagArray.map((item, i) => <span key={i} className={styles.tags}>
  {item}</span>);
};

mapTags=tagArray=>{
返回tagArray.map（（项，i）=>
{项目}）；
};

请帮忙

额外好处：有时标签包含空格，例如“This is a tag”。如何解决打破我的边界问题？

是一个内联元素。尝试使用

。

---

如果有必要使用span，请尝试应用

display:block

属性。但这不是一个理想的方法，即使它有效。

你能提供一把可用的小提琴吗？

mapTags = tagArray => {
  return tagArray.map((item, i) => <span key={i} className={styles.tags}>
  {item}</span>);
};