Antのデザイン選択コンポーネントページが下にスライドする、またはドロップダウンボックスが同期していない場合、ドロップダウンボックスが浮動する

問題はこれです

这是问题代码
<Select>
    <Option>1</Option>
    <Option>2</Option>
</Select>

これは発生した問題です。つまり、ドロップダウンボックスとページが同期していません。

ソリューションは選択で追加されます

getPopupContainer = {triggerNode => triggerNode.parentNode}

<Select getPopupContainer={triggerNode => triggerNode.parentNode}>
    <Option>1</Option>
    <Option>2</Option>
</Select>

問題ない

Antデザインの日付ピッカーにもこの問題があります

元のコード

const { RangePicker } = DatePicker;
<RangePicker  />

ああなるほど

コードを解決するgetCalendarContainer = {triggerNode => triggerNode.parentNode}

<RangePicker getCalendarContainer={triggerNode => triggerNode.parentNode} />

大丈夫です

おすすめ

転載: blog.csdn.net/weixin_44953227/article/details/101522615