React钩子状态-如何在显示对话框后将其转换为初始状态

import React, { useState } from 'react';

const Dialog = ({ initialContent }) => {
  const [content, setContent] = useState(initialContent);
  const [isDialogOpen, setIsDialogOpen] = useState(false);

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

  const closeDialog = () => {
    setIsDialogOpen(false);
    setContent(initialContent); // 重置内容到初始状态
  };

  return (
    <div>
      <button onClick={openDialog}>Open Dialog</button>
      {isDialogOpen && (
        <div>
          <p>{content}</p>
          <button onClick={closeDialog}>Close Dialog</button>
        </div>
      )}
    </div>
  );
};

export default Dialog;