如何使用material-ui处理“内部链接”点击对话框(模态)

import React, { useState } from 'react';
import { Button, Dialog, DialogTitle, DialogContent, DialogActions, Link, Typography } from '@material-ui/core';

function InternalLinkDialog() {
  const [open, setOpen] = useState(false);

  const handleClickOpen = () => {
    setOpen(true);
  };

  const handleClose = () => {
    setOpen(false);
  };

  return (
    <div>
      <Link href="#" onClick={handleClickOpen}>
        Open Dialog
      </Link>
      <Dialog open={open} onClose={handleClose}>
        <DialogTitle>Dialog Title</DialogTitle>
        <DialogContent>
          <Typography variant="body1">
            This is a dialog that opens when you click the link.
          </Typography>
        </DialogContent>
        <DialogActions>
          <Button onClick={handleClose} color="primary">
            Close
          </Button>
        </DialogActions>
      </Dialog>
    </div>
  );
}

export default InternalLinkDialog;