无法修复Antd模式高度

.ant-modal {
  height: auto !important;
  max-height: 80vh; /* 设置最大高度 */
  overflow-y: auto; /* 内容超出时显示滚动条 */
}

import React, { useEffect, useRef } from 'react';
import { Modal } from 'antd';

const DynamicModal = ({ visible, content }) => {
  const modalRef = useRef(null);

  useEffect(() => {
    if (modalRef.current) {
      modalRef.current.style.height = 'auto';
      modalRef.current.style.maxHeight = '80vh';
    }
  }, [content]);

  return (
    <Modal
      ref={modalRef}
      visible={visible}
      footer={null}
      centered
    >
      {content}
    </Modal>
  );
};

export default DynamicModal;

import { Modal } from 'antd';

const CustomModal = ({ visible, onCancel }) => {
  return (
    <Modal
      visible={visible}
      onCancel={onCancel}
      wrapClassName="custom-modal"
      footer={null}
      centered
    >
      {/* 模态框内容 */}
    </Modal>
  );
};

export default CustomModal;

.custom-modal .ant-modal-content {
  height: auto;
  max-height: 80vh;
  overflow-y: auto;
}