在 JSX 中映射数据时无法显示唯一的反应标签输入标签

Question

在Dashboard组件中映射和渲染多个react标记输入组件时遇到问题。每个映射值都会呈现一个唯一的标记，但所有映射值上都会显示空标记。有没有办法解决这个问题？这里有一个代码沙盒来帮助澄清我的意思。https://codesandbox.io/s/github/luciomcamargo/JSON_UI

尝试添加标记。它们在所有映射的值上进行渲染。同样，当使用退格删除时，所有值也将删除。也许有一些CSS的变通方法，或者我可以传递一个道具来解决这个问题？

Answer 1

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

这是有效的解决方案。