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 vote217 views1 answer
React native image border radius not working
Javascript React
0 vote192 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote250 views1 answer
Card react native
Javascript React
2 votes208 views2 answers
React material ui media queries
Javascript React
0 vote242 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote229 views1 answer
React-map-multidimensional-array
Javascript React
0 vote155 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote212 views1 answer
React recursive component
Javascript React
2 votes211 views1 answer
React native responsive font
Javascript React
0 vote192 views1 answer
React-native-quick-scroll npm
Javascript React