如何在对话框中执行函数？

import React, { useState } from 'react';
import Modal from 'react-modal';

const MyDialog = () => {
  const [isOpen, setIsOpen] = useState(false);

  const openDialog = () => {
    setIsOpen(true);
  };

  const closeDialog = () => {
    setIsOpen(false);
  };

  const executeFunction = () => {
    // 在这里执行你的函数操作
    console.log('函数执行成功！');
  };

  return (
    <div>
      <button onClick={openDialog}>打开对话框</button>
      <Modal isOpen={isOpen} onRequestClose={closeDialog}>
        <h2>对话框标题</h2>
        <p>对话框内容</p>
        <button onClick={executeFunction}>执行函数</button>
        <button onClick={closeDialog}>关闭对话框</button>
      </Modal>
    </div>
  );
};

export default MyDialog;