antd 验证动态 required_AntD为Form的List设置默认值

最新推荐文章于 2024-08-16 14:32:16 发布

weixin_39857792

最新推荐文章于 2024-08-16 14:32:16 发布

阅读量1.5k

点赞数

文章标签： antd 验证动态 required oracle设置默认值为当前时间 select怎么设置默认值什么是默认值?什么时候需设置默认值? 设置了默认值为什么默认值还是null

本文探讨在Ant Design（AntD）中如何为Form.List组件设置默认值，尤其是在官网示例中未明确展示的情况下。通过使用initialValues在form层级设置默认值，详细代码演示了解决动态增减表单项时默认值不显示的问题。

摘要由CSDN通过智能技术生成

有一种迷茫叫一脸懵逼，当明白真相时恍然大悟。

在ant design的官网中有一个demo叫动态增减表单项，非常方便的使用在动态增加选项的功能，但是并没有提供设置默认值，而且在所有使用Form.List的demo中，也都没有。!_! 一脸懵逼的表示，怎么展现默认值啊。

demo的样例代码为

<Form name="dynamic_form_nest_item" onFinish={onFinish} autoComplete="off" >
<Form.List name="users">
{(fields, { add, remove }) => {
return (
<div>
{fields.map(field => (
<Space key={field.key} style={ { display: 'flex', marginBottom: 8 }} align="start">
<Form.Item
{...field}
name={[field.name, 'startTime']}
fieldKey={[field.fieldKey, 'startTime']}
rules={[{ required: true, message: 'Missing first name' }]}
>
<Input placeholder="First Name" />
</Form.Item>
<Form.It