怎么改变react-to-print的打印区域的样式，比如显示范围

您可以使用CSS样式来控制打印区域的样式和显示范围。在您的React组件中，您可以为打印区域添加一个CSS类，并在样式表中设置样式。

例如，如果您想要控制打印区域的宽度和高度，您可以在样式表中添加以下样式：

.printable {
  width: 500px;
  height: 300px;
}

然后，在您的React组件中，您可以将此CSS类添加到打印区域的容器元素中：

import ReactToPrint from "react-to-print";

class ComponentToPrint extends React.Component {
  render() {
    return (
      <div className="printable">
        // 打印区域的内容
      </div>
    );
  }
}

class PrintComponent extends React.Component {
  render() {
    return (
      <div>
        <ComponentToPrint ref={(el) => (this.componentRef = el)} />
        <ReactToPrint
          trigger={() => <button>打印</button>}
          content={() => this.componentRef}
        />
      </div>
    );
  }
}

这将使打印区域的宽度为500像素，高度为300像素。您可以根据需要自定义其他样式属性。