如何在使用react和样式组件进行打印时隐藏按钮？

import React, { useState } from "react";
import styled from "styled-components";

const Button = styled.button`
  display: none;

  @media print {
    display: none !important;
  }
`;

const PrintButton = () => {
  const [showButton, setShowButton] = useState(true);

  const handlePrint = () => {
    window.print();
  };

  return (
    <div>
      {showButton && (
        <Button onClick={handlePrint}>Print</Button>
      )}
      {/* 其他打印内容 */}
    </div>
  );
};

export default PrintButton;