如何跟踪"Ant设计-动态表单项“，并将所有值存储在单个对象状态中？
如何跟踪"Ant设计-动态表单项“，并将所有值存储在单个对象状态中？
提问于 2022-06-06 16: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 17: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
复制相关文章
相似问题
腾讯云开发者
