在react中关闭对话框时不突出显示单元格？

import React, { useState } from 'react';

function MyComponent() {
  const [isDialogOpen, setIsDialogOpen] = useState(false);

  // 其他组件代码...

  return (
    <div>
      {/* 其他组件内容... */}
      {isDialogOpen && (
        <Dialog onClose={() => setIsDialogOpen(false)}>
          {/* 对话框内容... */}
        </Dialog>
      )}
    </div>
  );
}

function MyComponent() {
  const [isDialogOpen, setIsDialogOpen] = useState(false);

  // 其他组件代码...

  return (
    <div>
      {/* 其他组件内容... */}
      <button onClick={() => setIsDialogOpen(true)}>打开对话框</button>
      {isDialogOpen && (
        <Dialog onClose={() => setIsDialogOpen(false)}>
          {/* 对话框内容... */}
        </Dialog>
      )}
    </div>
  );
}

function Dialog({ onClose }) {
  return (
    <div>
      {/* 对话框内容... */}
      <button onClick={onClose}>关闭对话框</button>
    </div>
  );
}