对于像 Tooltip Popover Select TreeSelect Modal Drawer 等组件在滚动时可能会跟随鼠标进行滚动, 对于用户体验来说很不友好, 做一些简单的处理, 均提供了如: getContainer getPopupContainer API, 但针对 DatePicker 等日期组件使用之后貌似没什么反应, 而是通过 getCalendarContainer
    **

    1. /**
    2.  * 代替全局的 ConfigProvider
    3.  * getPopupContainer: https://3x.ant.design/components/config-provider-cn/#API
    4.  */
    5. import React, { ReactNode, FC } from 'react';
    7. export interface TriggerContainerProps {
    8.   children: ReactNode;
    9. }
    11. export const getPopupContainer = (node: HTMLElement) => {
    12.   if (node) {
    13.     return node.parentNode as HTMLElement;
    14.   }
    16.   return document.body;
    17. };
    19. const TriggerContainer: FC<TriggerContainerProps> = props => {
    20.   const { children, ...restProps } = props;
    22.   const newProps = {
    23.     ...restProps,
    24.     getPopupContainer,
    25.     getCalendarContainer: getPopupContainer,
    26.   };
    28.   // @ts-ignore
    29.   return React.cloneElement(children, newProps);
    30. };
    32. export default TriggerContainer;

    也可以通过全局配置 ConfigProvider 提供的 getPopupContainer 进行配置