在ReactToPrint中调整页面大小

Question

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

{
    "languages": {
        "python": "Elite", 
        "pascal": "Lame",             <dictionary in list>
        "perl": "Elite"
    }, 
    "foods": [
        "Apple", 
        "Orange",                     <list in dictionary>
        "Strawberry", 
        "Mango"
    ], 
    "name": "Martin D'vloper",         <dictionary>
    "employed": "true", 
    "skill": "Elite", 
    "job": "Developer"
}

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

Answer 1

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

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

在您的ReactToPrint中。

Answer 2

export function styledPdf(){
    const pageStyle = `{ size: 2.5in 4in}`;
    const divPrint = React.useRef(null);
    return (
            <Div ref={divPrint}> 
                <ReactToPrint pageStyle={pageStyle} 
                    trigger={() => <button>Print this out!</button>}
                    content={() => divPrint.current}
                />
            </Div>
    )
}