在JSX中映射数据时无法显示唯一的react-tag-input标签

Question

在Dashboard组件内映射和渲染多个react-tag-input组件时遇到麻烦。每个映射的值都呈现一个唯一的标记，但是空标记正在所有映射的值上显示。知道是否有办法解决这个问题吗？这是一个codeandbox，可帮助您阐明我的意思。 https://codesandbox.io/s/github/luciomcamargo/JSON_UI

尝试添加标签。它们呈现所有映射的值。同样，使用退格键删除时，所有值也会删除。也许有一些CSS解决方法，或者我可以通过一个道具来解决这个问题？

Answer 1

您将所有标签都放在一个位置，因此它们适用于每个项目。最简单的解决方案是为内部带有单独标签状态的商品创建其他js文件。

Here is the working solution.