如何在reactjs中的<dialog> DisplayPDFhere </dialog>中显示pdf？

Question

我们需要在“对话框”中显示pdf。我们使用了react-pdf（https://github.com/wojtekmaj/react-pdf）。此代码没有抛出任何错误并收到“onLoadSuccess”回调，但是，pdf没有显示在“对话框”中，它是空白色背景。

我们可以在没有“对话”的情况下看到pdf。只有当我们尝试在“对话”中显示pdf时才会出现此问题。

是否可以在react的对话框中显示pdf？

代码：（react-pdf github sample）

state = {
    file: './sample.pdf',
    numPages: null,
  }

  onFileChange = (event) => {
    this.setState({
      file: event.target.files[0],
    });
  }

  onDocumentLoadSuccess(numPages) {

  }

render() {
    const { file, numPages } = this.state;

    return (
      <div className="Example">
        <header>
          <h1>react-pdf sample page</h1>
        </header>
          <div className="Example__container__document">
          {/* <Dialog modifier="material" isCancelable={true}> */}//If we want to display pdf inside Dialog, its not showing
          <Document
              file={file}
              onLoadSuccess={this.onDocumentLoadSuccess}
              options={options}
            >
              {
                Array.from(
                  new Array(numPages),
                  (el, index) => (
                    <Page
                      key={`page_${index + 1}`}
                      pageNumber={index + 1}
                    />
                  ),
                )
              }
            </Document>
          {/* </Dialog> */}
          </div>
        </div>
    );}