reactjs - React 中的键值对组件未正确删除
问题描述
在 React with patternfly 中,我试图创建一个组件,用于以键值格式输入 http 标头和值。但是当我删除第二行时,日志说它已被删除并正确呈现。但视觉上最后一行只删除了。代码沙盒链接https://codesandbox.io/s/react-key-value-component-ctn3l?file=/src/App.tsx
请帮助我解决这个问题。谢谢你的时间。
解决方案
正如@Vibhav 评论的那样,发生这种情况是因为索引被用作键。此链接详细讨论。 https://robinpokorny.medium.com/index-as-a-key-is-an-anti-pattern-e0349aece318
推荐阅读
- apache-spark - spark 2.4 中的复杂文件解析
- asp.net-core - .net core 2.2 站点在错误的路径上查找文件
- go - golang中“追加”的大O是什么?
- javascript - 如何使用 javascript 使重复列表中的类似按钮仅影响该列表中的元素?
- java - 执行 ML Kit 任务时,MLKit BarCode Sanner 实现导致内部错误
- three.js - 如何在three.js中获取整个场景的boundingSphere?
- javascript - 如何使用计算在我的输入文本表单中检查是否为空?
- javascript - 如何在 PHP 的 while 循环中将文本框添加为记录
- javascript - 如果用户是真实的,即使用 VUEX STORE 状态的 vue.js 中的 ID 或 PASSWORD 是否正确,如何将用户重定向到主页?
- node.js - 在 Firebase 上使用 React 前端运行 Express API