Ant Design Select元件下拉選項隨頁面滾動與Select框分離問題

羅恩-HAO發表於2020-06-29
<SelectP
     showSearch
     style={{ width: '100%' }}
     placeholder="單擊進行搜尋選擇"
     defaultValue={value}
     optionFilterProp="children"
     getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}}///增加這個定位去解決
     onFocus={this.extShowOptionsPanel}
     disabled={disabled}
 >
{
options.map(op => {
return (
<SelectP.Option
key={Math.random()}
value={this.extGetOptionName(op)}
onClick={() => this.extOnSelect(op)}
>
{this.extGetOptionName(op)}
</SelectP.Option>
)
})
}
</SelectP>

相關文章