如何将样式添加到 react-pdf 文档答案

【问题标题】：How to add styles to react-pdf Document如何将样式添加到 react-pdf 文档
【发布时间】：2022-06-13 20:21:52
【问题描述】：

我用这段代码试过，无法调整宽度

                        <Document
                            style={{width:"100px"}}
                            file="123.pdf"
                            onLoadSuccess={onDocumentLoadSuccess}
                        >
                            <Page pageNumber={pageNumber} />
                        </Document>

【问题讨论】：

尝试添加背景颜色并检查是否实际添加了样式
npmjs.com/package/react-to-pdf
style={{}} 不起作用。 react-pdf 没有宽度属性。但是有一个高度属性。我使用了它，它也根据比例调整了宽度。

标签： reactjs styling react-pdf

【解决方案1】：

style={{}} 不起作用。 react-pdf 没有宽度属性。但是有一个 height 属性。我使用它并根据比例调整宽度。它对我有用。

【讨论】：

【解决方案2】：

根据文档https://react-pdf.org/components不支持样式，需要给页面组件设置样式

【讨论】：

【解决方案3】：

我认为这个链接可以帮助你https://react-pdf.org/styling。

【讨论】：