如何跟踪"Ant设计-动态表单项“，并将所有值存储在单个对象状态中？
如何跟踪"Ant设计-动态表单项“，并将所有值存储在单个对象状态中？
提问于 2022-06-06 08:02:08
所以我使用Ant 动态表格项目，您可以创建任意数量的输入字段。
问题是如何将所有值(static field and new fields)存储在状态内的单个array of objects中？
如果单击add，它将创建另一个Autocomplete和一个输入字段。然后输入数据
例如，我需要一个像这样的对象数组
[{commisionFor: 'Invoicing' , perctange: 10},{newcondition: 'something' , percentage: 32},{} , {} , {] , and etc ]我想做到这一点。我该怎么做？我会感谢你的帮助
PS：我不会在这里输入我的代码，因为它太复杂了，我甚至不知道我做了什么。看看这个Ant设计动态表单项目沙箱
回答 1
Stack Overflow用户
发布于 2022-06-06 09:44:27
可以使用onChange事件分别存储所有值。
const [values, setValues] = useState({})
const onChangeHandler = (name, value) =>{
let data = values;
data[name] = value;
setValues(data)
}在多个输入字段中，为每个输入字段创建唯一的名称。
fields.map((name, index) => {
<Input placeholder={name} name={name} onChange={(e) => onChangeHandler(name, e.target.value)} />
})使用您自己的属性命名字段，或者只使用索引值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72520405
复制相关文章
相似问题
NCover、TypeMock和MSTest
NCover覆盖率报告如何处理MSTest访问器？
如何集成NCover和MSTest 10.0？
如何使用CruiseControl配置MStest
使用NCover附加模块的NCover Nunit CruiseControl.NET任务
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
