javascript - 在 ReactToPrint 中调整页面大小

Question

我正在使用 ReactToPrint使用 React.js 打印我页面的一部分的库。

<ReactToPrint
  trigger={() => (
    <Button
      variant="contained"
      color="primary"
      className={classes.button}
    >
      PRINT &nbsp;&nbsp;&nbsp;
      <PrintIcon
        className={classNames(classes.leftIcon, classes.iconSmall)}
      />
    </Button>
  )}
  content={() => this.componentRef}
/>
<Barcode
  ref={el => (this.componentRef = el)} 
  name={this.state.displayValue}
  value={this.state.barcodeValue}
  text={this.state.displayValue}
  fontSize={20}
  width={2}
/>

我可以在 GitHub 文档中看到 pageStyle 属性，但我找不到如何使用它。有人可以帮我将尺寸设置为 2.5 x 4 英寸吗？

Answer 1

不确定您是否仍然遇到此问题，但请尝试

pageStyle="@page { size: 2.5in 4in }"

在您的 ReactToPrint 中。这将调整您的打印模板页面大小。