ant design pro 表单默认值

最新推荐文章于 2024-10-13 17:56:07 发布

原创最新推荐文章于 2024-10-13 17:56:07 发布 · 7.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在AntDesign中为输入框设置默认值，通过initialValue属性实现免去调试时频繁输入值的困扰。同时，展示了如何结合getFieldDecorator进行表单验证，确保输入符合邮箱格式。

调试时免去频繁输入值可以设置输入框默认值，设置initialValue：

          <FormItem>
            {getFieldDecorator('mail', {initialValue: '279277203@qq.com',
              rules: [
                {
                  required: true,
                  message: formatMessage({ id: 'validation.email.required' }),
                },
                {
                  type: 'email',
                  message: formatMessage({ id: 'validation.email.wrong-format' }),
                },
              ],
            })(
              <Input size="large" placeholder={formatMessage({ id: 'form.email.placeholder' })} />
            )}
          </FormItem>