使用antd的form回显或者设置表单数据时,select的placeholder不显示的问题
例如:
<Form {...layout}>
<Form.Item >
{getFieldDecorator('id', {
initialValue:
hostId !== ''
? hostId
: ''
})(
<Select
placeholder={'请输入id'}
>
{this.state.list.map((item) => {
return (
<Select.Option key={item.id} value={item.id}>
{item.id}
</Select.Option>
);
})}
</Select>,
)}
</Form.Item>
<Form>
问题:select的placeholder不显示
原因:form中的select初始值为空时,要用undefined
解决:initialValue : hostId !== ‘’ ? hostId : undefined