Ant Design 彈出層使用TreeSelect進行下拉選擇時下拉列表出現顯示不全問題（部分遮擋）

問題截圖如下

可以看到下拉框的數據明顯要高於頁面的高度，下拉框的部分數據被遮擋
首先想到的是設置select的下拉框的高度
1.設置select彈出下拉框的高端，然后添加自動滾動
dropdownStyle={{ maxHeight: 500, overflow: 'auto' }}
效果如下圖

這樣雖然看起來是成立，但是限制了大小，顯示在不同大小的屏幕上會顯得很難看。而且這個方法並沒有徹底解決問題，當你的彈出層拉到頁面最頂部距離小於設置的maxHeight高度還是會出現部分被遮擋。
2.然后看了一下官網發現了

自己嘗試了一下在組件里面設置了下面的屬性
getPopupContainer={triggerNode => triggerNode.parentNode}
發現是可以的，效果如下

基本解決問題