antd 采坑记

1. 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

2. input 利用getFieldDecorator的rules来限制输入长度。

<FormItem label="名称">
  { getFieldDecorator('name', { 
    initialValue: divisionInfo.name || '', 
    rules: [{ max: 10, message: '10个字以内' }] 
  })(<Input placeholder="请填写名称，10个字以内" />) }
</FormItem>