封装文件预览组件的时候,预览的文件地址要么是本地文件地址或者是接口返回的文件地址。
这里需要引入两个第三方库,分别是react-file-viewer和react-pdf-js。
其中react-file-viewer可以支持的文件:
虽然它能预览PDF格式的文件,但是为了方便对PDF格式文件预览的控制,比如:分页。
个人感觉还是单独引入react-pdf-js来预览PDF的文件。
在这里我直接引入本地的文件,使用antdUI框架的Model和Button组件,这样比较方便,不用自己再次封装弹窗的组件。
import</