[JavaScript知识库]React封装文件预览组件

封装文件预览组件的时候，预览的文件地址要么是本地文件地址或者是接口返回的文件地址。

这里需要引入两个第三方库，分别是react-file-viewer和react-pdf-js。

其中react-file-viewer可以支持的文件：

虽然它能预览PDF格式的文件，但是为了方便对PDF格式文件预览的控制，比如：分页。
个人感觉还是单独引入react-pdf-js来预览PDF的文件。

在这里我直接引入本地的文件，使用antdUI框架的Model和Button组件，这样比较方便，不用自己再次封装弹窗的组件。

import</

了解本专栏 订阅专栏 解锁全文 学习会员免费看 赠一年