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

Question

在我的仪表板组件中映射和呈现多个 react-tag-input 组件时遇到问题。每个映射值呈现一个唯一标签，但所有映射值上都显示空标签。知道是否有办法解决这个问题吗？这是一个代码框，可以帮助澄清我的意思。 https://codesandbox.io/s/github/luciomcamargo/JSON_UI

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

Answer 1

您将所有标签保存在一个位置，以便它们适用于每个项目。最简单的解决方案是为项目创建额外的 js 文件，其中包含单独的标签状态。

Here is the working solution.