react+antd：Form校验`getFieldDecorator`警告

最新推荐文章于 2023-07-04 16:38:05 发布

原创最新推荐文章于 2023-07-04 16:38:05 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react #getFieldDecorator #antd

antd 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在AntDesign表单中使用`initialValue`替代`defaultValue`来设置初始值，避免警告信息，并展示了正确的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Warning: `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option.initialValue` instead.

<FormItem label="等级">
    {getFieldDecorator('grade', {
        rules: [{
            required: true,
            message: '不能为空'
        }]
    })(
        <Select defaultValue='0'>
            <Option value='0'>一级</Option>
            <Option value='1'>二级</Option>
            <Option value='2'>三级</Option>
            <Option value='3'>四级</Option>
        </Select>
        )}
</FormItem>

改为：

<FormItem label="等级">
    {getFieldDecorator('grade', {
        rules: [{
            required: true,
            message: '不能为空'
        }],
        initialValue:"0"
    })(
        <Select>
            <Option value='0'>一级</Option>
            <Option value='1'>二级</Option>
            <Option value='2'>三级</Option>
            <Option value='3'>四级</Option>
        </Select>
        )}
</FormItem>