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

1 vote107 views1 answer
Change color react icon
Javascript React
0 vote111 views2 answers
Animation react
Javascript React
15 votes116 views5 answers
React svg
Javascript React
0 vote113 views1 answer
React navigation history clear
Javascript React
0 vote121 views2 answers
React native use route params
Javascript React
32 votes282 views2 answers
How to routing in react js
Javascript React
30 votes116 views6 answers
React if statement
Javascript React
0 vote108 views1 answer
Unexpected token useeffect react native
Javascript React
0 vote69 views1 answer
Left side menu react js
Javascript React
0 vote123 views2 answers
React convert excel to json
Javascript React