antd 页面滚动下拉框不动问题

在antd中下拉框组件有很多比如： Select、SelectTree、DatePicker等，在点击后会出现下拉选择框，但是当我们华东页面时，会发现下拉框固定不动。
下面我给大家讲一下解决办法吧！

分析

原因：

我们查看antd关于下拉选择时不难发现有个api叫

可以看到默认是挂到body的新建div上
但一般我们使用下拉选择框时，都会有父节点 包裹着选择组件
所以以下是解决办法：

解决方案

为组件添加属性：
getPopupContainer={triggerNode => triggerNode.parentNode}

<Select 
getPopupContainer={triggerNode => triggerNode.parentNode} 
style={{ width: "100%" }} 
placeholder="请选择内容"
</Select>

注意

时间选择器需要添加：
getCalendarContainer={triggerNode => triggerNode.parentNode}