如何使用React在其他浏览器选项卡中打开本地PDF文件？

import React, { Component } from 'react';
import { Document, Page } from 'react-pdf';

class PDFViewer extends Component {
  state = {
    numPages: null,
    pageNumber: 1,
  };

  onDocumentLoadSuccess = ({ numPages }) => {
    this.setState({ numPages });
  };

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

    return (
      <div>
        <Document
          file="path/to/local/pdf/file.pdf"
          onLoadSuccess={this.onDocumentLoadSuccess}
        >
          <Page pageNumber={pageNumber} />
        </Document>
        <p>
          Page {pageNumber} of {numPages}
        </p>
        <button onClick={() => window.open("path/to/local/pdf/file.pdf")}>
          Open in new tab
        </button>
      </div>
    );
  }
}

export default PDFViewer;