React 版本为 16，`react-pdf` 版本为 5.3.0，您想要使用 `react-file-viewer` 实现 PDF 文件的预览，并且想要支持 `UniGB-UCS2-H.bcmap` 字体

如果您想要使用`react-file-viewer`实现PDF文件的预览，并支持`UniGB-UCS2-H.bcmap`字体，您需要做以下几个步骤：

1. 安装`react-file-viewer`和`react-pdf`依赖

npm install react-file-viewer react-pdf

2. 在您的React组件中引入`react-file-viewer`和`react-pdf`

import React, { useState } from 'react';
import FileViewer from 'react-file-viewer';
import { Document, Page, pdfjs } from 'react-pdf';

// 设置PDFJS worker的路径，这里使用默认的
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

3. 加载PDF文件并渲染

const [numPages, setNumPages] = useState(null);
const [pageNumber, setPageNumber] = useState(1);

const file = {
  url: '/path/to/your/file.pdf',
  type: 'pdf',
};

// 用于渲染PDF的回调函数，设置numPages的值
const onDocumentLoadSuccess = ({ numPages }) => {
  setNumPages(numPages);
};

return (
  <div>
    <Document file={file.url} onLoadSuccess={onDocumentLoadSuccess}>
      <Page pageNumber={pageNumber} />
    </Document>
    <p>Page {pageNumber} of {numPages}</p>
  </div>
);

4. 自定义字体

在`react-pdf`中，您可以通过`Font.register`方法来注册自定义字体，具体方法如下：

import { Font } from 'react-pdf';

const customFont = {
  // 字体名称
  family: 'UniGB',
  // 字体文件路径
  src: '/path/to/UniGB-UCS2-H.bcmap',
};

// 注册字体
Font.register(customFont);

在注册字体之后，您可以在PDF文件中使用该字体，例如：

<Text style={{ fontFamily: 'UniGB' }}>你好，世界！</Text>

这样，您就可以通过`react-file-viewer`和`react-pdf`来实现PDF文件的预览，并自定义字体了。