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 vote403 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
86 votes322 views3 answers
React check if window exists
Javascript React
1 vote299 views3 answers
Autocomplete react
Javascript React
3 votes303 views2 answers
How to get custom attribute value in react
Javascript React
0 vote307 views3 answers
Add webpack to react project
Javascript React
0 vote261 views1 answer
React moment time ago
Javascript React
0 vote254 views1 answer
Circle button react native
Javascript React
0 vote275 views3 answers
Set bg image in react
Javascript React
0 vote309 views2 answers
Counter with react hooks
Javascript React
0 vote306 views1 answer
Bottom shadow in react native
Javascript React