如何从react-pdf导入File类型并在自定义组件中使用？

你可以直接从react-pdf的类型定义文件中导入这个File类型，具体路径对应它所在的react-pdf/dist/esm/shared/types。因为是TypeScript类型，建议使用import type语法导入，避免类型代码被打包到生产环境。

修正后的示例代码如下：

import type { File } from 'react-pdf/dist/esm/shared/types';

const PdfViewer = ({ file }: { file: File }) => {
  // 编写你的组件逻辑
  return <div>PDF 查看器内容</div>;
};

这样导入后，自定义组件的file属性就会和react-pdf的Document组件的file属性类型完全一致，支持string | ArrayBuffer | Blob | Source | null这些类型。

内容的提问来源于stack exchange，提问作者user3357926