React 移动端项目之pdf预览

 

     因为项目需要，需要在在项目中实现pdf文件遇见功能，众所周知，安卓老大哥貌似不怎么支持，所以采用的react-pdf插件实现方式，实现方式很简单：

一：引入react-pdf包：

    yarn add react-pdf 或者npm install react-pdf --save

二：封装pdf组件：（官网demo）

 import React, { Component } from 'react';

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

//如果报错 

Uncaught SyntaxError: Unexpected token <
index.js:1452 

Error: Setting up fake worker failed: "Cannot read property 'WorkerMessageHandler' of undefined".
    at pdf.js:10999

//就增加这两句

import { pdfjs } from 'react-pdf';

pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

 

class MyApp extends Component {

  state = {

    numPages: null,