antd 采坑记
2018-08-23 本文已影响72人
奋斗的小小小兔子
-
select placeholder不起作用。
使用getFieldDecorator传入了一个默认值，如果默认值存在就传默认值，如果不存在传空串，导致placeholder显示不出来。
错误写法：
<FormItem label="负责人">
{
getFieldDecorator('name', { initialValue: info.name || '' })(
<Select showSearch placeholder="请选择分部负责人">
{ list.map(item => (<Select.Option key={item.id} value={item.id}>{item.name}</Select>) }
}
</FormItem>
正确写法：
<FormItem label="负责人">
{
getFieldDecorator('name', { initialValue: info.name || undefined })(
<Select showSearch placeholder="请选择分部负责人">
{ list.map(item => (<Select.Option key={item.id} value={item.id}>{item.name}</Select>) }
}
</FormItem>
如果没有值就传入undefined，这样antd 就会显示placeholder。
官方issue
-
input利用getFieldDecorator的rules来限制输入长度。
<FormItem label="名称">
{ getFieldDecorator('name', {
initialValue: divisionInfo.name || '',
rules: [{ max: 10, message: '10个字以内' }]
})(<Input placeholder="请填写名称，10个字以内" />) }
</FormItem>
