下面给出一个可能的解决方法，假设您的模态框名称为"modal"，且您的组件名称为"YourComponent"：

1. 确保您已经正确导入了Antd模态框组件以及样式：

import { Modal } from 'antd'; import 'antd/dist/antd.css';

2. 在YourComponent组件中，使用useState钩子设置一个名为"visible"的状态，该状态将控制模态框的显示和隐藏：

import React, { useState } from 'react';

const YourComponent = () => { const [visible, setVisible] = useState(false);

const showModal = () => { setVisible(true); };

const handleOk = () => { setVisible(false); };

const handleCancel = () => { setVisible(false); };

return ( <> 打开模态框

一些内容...

export default YourComponent;

3. 在您的代码中确保一致地使用与Antd样式相关的CSS类名，例如以"ant-"开头的类名。

如果问题仍然存在，请尝试更新Antd的版本或升级您的React和/或Next.js版本。