Ant Design select下拉框在彈窗中被拉長

在使用react+Ant Design的開發中 使用select下拉框遇到了以下情況
在彈窗里面 ，表單內容較多出現了下拉條，然后在點擊搜索框輸入的時候，下面的待選框會突然拉長，直接拉長到整個彈窗的頁底部，導致頁面嚴重變形

直接布滿屏幕

解決方法
必須自己配置空狀態渲染 Select組件里面添加notFoundContent屬性

<SelectshowSearchplaceholder="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>

總結

以上是生活随笔為你收集整理的Ant Design select下拉框突然拉长的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。