在antd中 使用form去回顯或者新增表單數據時,select的placeholder不顯示
如下例子:新增的時候,默認地址是空 “” 或者 null, 都不好使
<FormItem
label="所屬網點"
{...formItemLayout}
>
{getFieldDecorator("bankId", {
initialValue: this.props.type=== "edit" ? this.props.data.bank.id : "",
rules: [{ required: true, message: "請選擇所屬網點!" }],
})(
<Select
placeholder="請選擇所屬地點">
{
branchArr.map(v => {
return (
<Select.Option
value={v.id}
key={v.id}
>
{v.branchName}
</Select.Option>
)
})
}
</Select>
)}
</FormItem>
這裏就要主要了,form中的select初始值爲空時 要用 undefined
換成如下這樣就OK了
initialValue: this.props.isTrue ? this.props.data.bank.id : undefined,
注意,form中的日期datePicker相關的日期的空,初始值要用 null