25
4
I have given a list on teams I want to display using antd Input fields. An additional Input-field is created to be able to add a new team.
When I press 'enter' a given team should be updated or a new team should be added and a new, empty Input field should be created.
My code looks like the following
我已经给出了一个我想要使用antd输入域显示的团队列表。将创建一个额外的输入字段，以便能够添加新团队。当我按下‘Enter’时，应该更新一个给定的团队，或者应该添加一个新的团队，并且应该创建一个新的空输入字段。我的代码如下所示
个人中心
文章发布
退出`import { useState } from 'react'
import { Input } from 'antd'
const TeamListCreator = () => {
const [teamslist, setTeamslist] = useState(['Team1'])
const [newTeam, setNewTeam] = useState('')
const teamChange = (index) => {
const updatedTeams = [...teamslist]
updatedTeams[index] = newTeam
setTeamslist(updatedTeams)
}
return (
<div>
<h2>Teams hinzufügen</h2>
<p>Aktuell vohanden Teams: {teamslist.length}</p>
{teamslist.map((team, index) => (
<Input
key={index}
defaultValue={team}
onChange={(e) => setNewTeam(e.target.value)}
onPressEnter={(index) => teamChange(index)}
/>
))}
<Input
key={() => 'newTeam' + teamslist.length}
placeholder="Neues Team"
onChange={(e) => setNewTeam(e.target.value)}
onPressEnter={() => {
if (newTeam.trim() !== '') {
setTeamslist([...teamslist, newTeam])
setNewTeam('')
}
}}
/>
</div>
)
}
export default TeamListCreator`
It seems to work fine. But when I create a new team pressing 'enter' in the newTeam-Input field, the newly created (empty) Input field contains the value of the former "newTeam" Input field.
它似乎运行得很好。但是，当我在newTeam输入字段中按Enter键创建一个新团队时，新创建的(空)输入字段包含以前的“newTeam”输入字段的值。
My expectation was, that the value is empty and the placeholder is used.
我的预期是，该值为空，并且使用了占位符。
For me it also seems to be a rendering issue, as the value of field is empty.
对我来说，这似乎也是一个渲染问题，因为字段的值是空的。
Has anyone an idea, how to fix this?
有没有人有主意，怎么解决这个问题？
My expectation was, that the value is empty and the placeholder is used.
我的预期是，该值为空，并且使用了占位符。
For me it also seems to be a rendering issue, as the value of field is empty.
对我来说，这似乎也是一个渲染问题，因为字段的值是空的。
you have to use:value={newTeam}
您必须使用：Value={newTeam}
for second input
对于第二个输入
25
4
0
我知道它们是匿名类型，但我不明白 Razor 语法。在一些文档中，我找到了这样的示例: @Html.Label("Hello", new { htmlAtributes = new { id = "h
关于:new Object(new Array()) 有一个相当基本的问题，我自己确实无法给出答案，我正在寻求建议: 在js中实例化对象时使用如下方法: var obj = new Object();
在eclipse中右击项目时，“新建文件夹”、“新建源文件夹”和“新建包”有什么区别？他们似乎都在做同样的事情，引用文献并没有说太多。 谢谢 最佳答案 新建文件夹 在项目中创建一个新文件夹。 新建源文
几天来我一直在测试 bolt-cms，我试图了解它是如何工作的。 我想知道新页面、新条目和新展示柜之间有什么区别。 我已阅读 this它并没有填补空白。 最佳答案 Pages、Entries 和 Sh
更新:感谢所有的回答。我发现的最干净的解决方案是这个: if ( k(Arrays.asList(new LinkedList<>())); 我有一个递归方法，可以从列表中生成所有“n 选 k”组合。
我现在想知道这些指令是如何分配内存的。 例如，如果我得到代码怎么办: x = new int[5]; y = new int[5]; 如果分配了这些，它在 RAM 中的实际情况如何？是为每个变量保留整
我希望将其写入output.txt而不清除它 - 只是附加到末尾。但是，当我使用以下两种方法时: public void addEmails(ArrayList emails){ for (i
我正在分配内存，稍后将用于构造具有放置 new 的对象。我应该使用 operator new(n)，还是应该使用 new unsigned char[n]？为什么？ 最佳答案 因素: new[] 必须
基本上，我的问题是以下代码是否有效。 void* mem = operator new(sizeof(T)); T* instance = new(mem) T; delete instance; 如
很抱歉，如果之前有人问过这个问题，但我想就以下两种用法之间的区别提供一个简明的答案。 VS 似乎将它们都接受为有效代码。 private static void doSomeWork() { /
请告诉我这段代码在做什么，它是否创建多维数组(我认为不是)？ 代码片段.. var hanoi_peg = new Array( new Array( 5, 4, 3, 2, 1,
这个问题在这里已经有了答案: String intern() behaviour (4 个答案) When should we use intern method of String on Stri
许多人说您应该避免使用 new Object、new Array()，而是使用 {}。 [] 和真/假。 使用字面量构造来获取对象或数组的新实例而不是使用 new 有什么好处？我知道 Crockfor
我正在开发一个存在内存泄漏的开源库。该库是围绕 boost::asio 构建的数据流服务。服务器端使用堆内存管理系统，该系统提供内存以容纳有限数量的 samples，同时它们等待通过 tcp 连接被推
我从以下函数中得到内存泄漏: int ReadWrite(int socket, char *readfile) { FILE *rf = NULL; rf = fopen(readfile,
在考虑类似的事情时 auto x = new T; 标准是否强制要求内存必须来自operator new——类特定的还是全局的？也就是说，如果缺少特定于类的 operator new，则没有办法从除全
只是出于好奇:为什么 C++ 选择 a = new A 而不是 a = A.new 作为实例化对象的方式？后者不是更像是面向对象的吗？ 最佳答案 Just out of curiosity: Why
考虑以下代码: typedef SomeType type_t[2]; SomeType * arr1 = new type_t; //new or new[] ??? type_t * arr2
这个问题在这里已经有了答案: Difference between 'new operator' and 'operator new'? (8 个答案) 关闭 8 年前。 面试题:"new"运算符和
我正在为一个应用程序设计界面，以在 TableLayout 中显示从数据库中提取的一些数据。现在，默认 View 是纵向的，它由一个下拉菜单和一个三列的表格组成。当用户切换到横向时，微调器及其选项可以
我是一名优秀的程序员,十分优秀！