Ant Design select下拉框在彈窗中被拉長(zhǎng)

在使用react+Ant Design的開(kāi)發(fā)中 使用select下拉框遇到了以下情況
在彈窗里面 ，表單內(nèi)容較多出現(xiàn)了下拉條，然后在點(diǎn)擊搜索框輸入的時(shí)候，下面的待選框會(huì)突然拉長(zhǎng)，直接拉長(zhǎng)到整個(gè)彈窗的頁(yè)底部，導(dǎo)致頁(yè)面嚴(yán)重變形

直接布滿屏幕

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

<SelectshowSearchplaceholder="Select a person"optionFilterProp="children"notFoundContent={<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />}//重點(diǎn) 添加空狀態(tài)><Option value="jack">Jack</Option><Option value="lucy">Lucy</Option><Option value="tom">Tom</Option></Select>

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。