shalu-system-designer/apps/er-designer/src/components/SyncModal.tsx

import { forwardRef, useImperativeHandle, useState } from "react";
import { Modal } from "antd";
export default forwardRef(function SyncModal(props, ref) {
  const [open, setOpen] = useState(true);
  useImperativeHandle(ref, () => ({
    open: () => {
      setOpen(true);
    },
    close: () => setOpen(false),
  }));

  return <Modal title="数据同步" width={"80%"} open={open} okText="提交" onCancel={() => setOpen(false)}>

  </Modal>;
});