如何设置动态表单字段的初始值(蚂蚁设计)?

时间:2020-05-06 15:38:46

标签: javascript reactjs antd

我正在努力为动态表单字段设置initialValue。可以说,我们有AntDesign文档中的这个示例。

https://codesandbox.io/s/wonderful-lichterman-br63z?file=/index.js

关键是要为每个新添加的字段设置初始值,在此示例中,我希望将“姓氏”设置为“ kowalski”。

以下蚂蚁设计文档:

“在大多数情况下,我们始终建议您使用Form initialValues。仅在使用动态字段时才使用Item initialValue”。

所以我试图设置initialValue,但结果我只收到此警告:

“ React无法识别DOM元素上的initialValue道具。如果您有意希望它作为自定义属性出现在DOM中,请改为将其拼写为小写initialvalue。如果您不小心通过了将其从父组件中删除,然后将其从DOM元素中删除。”

感谢任何建议。

1 个答案:

答案 0 :(得分:4)

我发现了一个更容易实现的方法。事实证明,add方法允许设置字段defaultValue

请参阅: https://codesandbox.io/s/fervent-morning-c9vhk