react antd modal 如何展示y轴的滚动轴

在React Ant Design库中，Modal组件默认并不包含垂直滚动条，如果你需要在一个Modal中显示Y轴的滚动条，你可以通过CSS自定义样式或者Ant Design提供的`getContainer`属性来实现。

**方法一：CSS自定义**
在你的Modal组件上添加额外的CSS样式，覆盖默认样式，例如：

import { Modal } from 'antd';

const customStyle = {
  // 添加 overflow-y: scroll 或者 scrollbar-gutter: vertical 的样式，根据需求选择
  '.ant-modal-content': {
    overflowY: 'scroll',
    scrollbarGutter: 'vertical', // 可选值有 'horizontal' 和 'vertical'
  },
};

function MyModal() {
  return (
    <Modal
      // ...
      style={customStyle}
    />
  );
}

**方法二：getContainer属性**
如果你希望在某个特定容器（比如body）内渲染Modal并允许滚动，可以设置`getContainer`属性：

import { Modal } from 'antd';

function MyModal() {
  const containerNode = document.body; // 改为你想要放置滚动条的元素

  return (
    <Modal
      getContainer={node => node}
      // ...
    />
  );
}

这样，Modal的内容将会在其指定的容器上显示滚动条。