在MaterialUI中单击某个textField时，是否可以打开一个对话框？

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

const MyComponent = () => {
  const [openDialog, setOpenDialog] = useState(false);

  const handleTextFieldClick = () => {
    setOpenDialog(true);
  };

  const handleCloseDialog = () => {
    setOpenDialog(false);
  };

  return (
    <div>
      <TextField label="Click me" onClick={handleTextFieldClick} />
      <Dialog open={openDialog} onClose={handleCloseDialog}>
        <DialogTitle>Dialog Title</DialogTitle>
        <DialogContent>
          <p>This is the content of the dialog.</p>
        </DialogContent>
        <DialogActions>
          <Button onClick={handleCloseDialog} color="primary">
            Close
          </Button>
        </DialogActions>
      </Dialog>
    </div>
  );
};

export default MyComponent;