ant-design-pro弹出框表单设置默认值

时间：2018-12-20 19:07:24 阅读：696 评论：0 收藏：0 [点我收藏+]

项目需求需要使用ant-design-pro的弹出框表单并在表单出现时设置默认值

然而按照官方的示例给 <Input> 标签设置 defaultValue 时发现并没有效果。如下所示:

 <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="项目名称">
 {form.getFieldDecorator(‘ProjectName‘, {
 rules: [{ required: true, message: ‘Please input projectname‘ }],
 })(<Input placeholder="项目名称" defaultValue="123" />)}
 </FormItem>
 
 
找了半天bug后发现是form.getFieldDecorator方法调用时Input标签的默认值设置方式发生改变。正确设置方式如下:
 <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="项目名称">
 {form.getFieldDecorator(‘ProjectName‘, {
 initialValue: ‘123‘,
 rules: [{ required: true, message: ‘Please input projectname‘ }],
 })(<Input placeholder="项目名称" />)}
 </FormItem>

标签：init ini mono 名称 mit roi 项目 tor lin

原文地址：https://www.cnblogs.com/unbrellahusky/p/10150596.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行