react（7） ant design 中 select的option 随页面滚动条滚动的bug问题

原代码(有bug代码)

<Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
   <Option value="jack">Jack</Option>
   <Option value="lucy">Lucy</Option>
   <Option value="disabled" disabled>Disabled</Option>
   <Option value="Yiminghe">yiminghe</Option>
</Select>

解决方案：

在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中

<Select getPopupContainer={triggerNode => triggerNode.parentNode}
    defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
    <Option value="jack">Jack</Option>
    <Option value="lucy">Lucy</Option>
    <Option value="disabled" disabled>Disabled</Option>
    <Option value="Yiminghe">yiminghe</Option>
</Select>

另外

如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}”