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

Question

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

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

Answer 1

您将所有标签都放在一个地方，以便它们适用于每个元素。最简单的解决方案是为元素创建额外的 js 文件，其中包含单独的标签状态。

Here is the working solution.