-
select placeholder不起作用拾给。
使用getFieldDecorator傳入了一個(gè)默認(rèn)值，如果默認(rèn)值存在就傳默認(rèn)值加酵，如果不存在傳空串朝群，導(dǎo)致placeholder顯示不出來(lái)。
錯(cuò)誤寫法：
<FormItem label="負(fù)責(zé)人">
{
getFieldDecorator('name', { initialValue: info.name || '' })(
<Select showSearch placeholder="請(qǐng)選擇分部負(fù)責(zé)人">
{ list.map(item => (<Select.Option key={item.id} value={item.id}>{item.name}</Select>) }
}
</FormItem>
正確寫法：
<FormItem label="負(fù)責(zé)人">
{
getFieldDecorator('name', { initialValue: info.name || undefined })(
<Select showSearch placeholder="請(qǐng)選擇分部負(fù)責(zé)人">
{ list.map(item => (<Select.Option key={item.id} value={item.id}>{item.name}</Select>) }
}
</FormItem>
如果沒有值就傳入undefined径缅，這樣antd 就會(huì)顯示placeholder掺栅。
官方issue
-
input利用getFieldDecorator的rules來(lái)限制輸入長(zhǎng)度。
<FormItem label="名稱">
{ getFieldDecorator('name', {
initialValue: divisionInfo.name || '',
rules: [{ max: 10, message: '10個(gè)字以內(nèi)' }]
})(<Input placeholder="請(qǐng)?zhí)顚懨Q纳猪，10個(gè)字以內(nèi)" />) }
</FormItem>
