React document viewer

// MyApp.js
import React, { Component } from 'react';
import logger from 'logging-library';
import FileViewer from 'react-file-viewer';
import { CustomErrorComponent } from 'custom-error';

const file = 'http://example.com/image.png'
const type = 'png'

class MyComponent extends Component {
  render() {
    return (
      <FileViewer
        fileType={type}
        filePath={file}
        errorComponent={CustomErrorComponent}
        onError={this.onError}/>
    );
  }

  onError(e) {
    logger.logError(e, 'error in file-viewer');
  }
}

Source: npmjs.com

Similar codes

0 vote199 views1 answer
Provider not found react
Javascript React
3 votes178 views2 answers
React-native android build apk
Javascript React
0 vote187 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
27 votes225 views4 answers
Font awesome react npm
Javascript React
0 vote186 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote201 views2 answers
React js big calendar
Javascript React
17 votes179 views6 answers
React native build android
Javascript React
22 votes184 views3 answers
How to define array in react js
Javascript React
1 vote195 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote191 views1 answer
Dark mode with react hooks
Javascript React