使用react PDF从reactJS呈现静态PDF

使用react PDF从reactJS呈现静态PDF,reactjs,pdf,Reactjs,Pdf,这是我的密码。网页包加载PDF文件。react组件不会呈现pdf。当通过react组件进行访问时,会出现一个空白页,其中第1页为 当把下面的url放在浏览器中时,它会直接从浏览器中呈现pdf,这样就可以了 我认为问题仅仅是因为没有将this.onDocumentLoad事件处理程序绑定到此。如果您想从事件处理程序中访问属性、状态和组件方法,如setState,则需要将该处理程序绑定到此。因此,在构造函数中添加以下内容 this.onDocumentLoad=this.onDocumentLoad

这是我的密码。网页包加载PDF文件。react组件不会呈现pdf。当通过react组件进行访问时,会出现一个空白页,其中第1页为 当把下面的url放在浏览器中时,它会直接从浏览器中呈现pdf,这样就可以了


我认为问题仅仅是因为没有将this.onDocumentLoad事件处理程序绑定到此。如果您想从事件处理程序中访问属性、状态和组件方法,如setState,则需要将该处理程序绑定到此。因此,在构造函数中添加以下内容


this.onDocumentLoad=this.onDocumentLoad.bindthis

我添加了上述建议中提到的行。它不起作用。我也试过一些其他的软件包,它们不起作用。这是相同的问题,没有错误,但pdf没有被加载。 我现在通过使用react pdf js infinite使其工作,我不确定它是否还允许导航控件和页码。但到目前为止,它至少呈现了pdf

代码只是一个导入和文件规范

class Constitution extends Component {
   render() {
        return (
            <PDF file={myPdf} scale={1.5} />
        );
    }
}

export default Constitution;

您在控制台中看到任何错误吗?
class Constitution extends Component {
   render() {
        return (
            <PDF file={myPdf} scale={1.5} />
        );
    }
}

export default Constitution;