Ant Design select下拉框在弹窗中被拉长
在使用react+Ant Design的开发中 使用select下拉框遇到了以下情况
在弹窗里面 ,表单内容较多出现了下拉条,然后在点击搜索框输入的时候,下面的待选框会突然拉长,直接拉长到整个弹窗的页底部,导致页面严重变形
直接布满屏幕
解决方法
必须自己配置空状态渲染 Select组件里面添加notFoundContent属性
<Select
showSearch
placeholder="Select a person"
optionFilterProp="children"
notFoundContent={<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />}//重点 添加空状态
>
<Option value="jack">Jack</Option>
<Option value="lucy">Lucy</Option>
<Option value="tom">Tom</Option>
</Select>