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 vote362 views1 answer
React connect production
Javascript React
3 votes332 views2 answers
React-native android build apk
Javascript React
7 votes364 views4 answers
React native textinput disable keyboard
Javascript React
0 vote321 views1 answer
Add update react pwa feature
Javascript React
0 vote361 views1 answer
Array map order by timestamp reactjs
Javascript React
3 votes349 views1 answer
React router dynamic routes
Javascript React
1 vote378 views2 answers
React native time range picker
Javascript React
0 vote347 views1 answer
React download file from express res.download
Javascript React
0 vote332 views6 answers
State functions of react cheatsheet
Javascript React
0 vote335 views1 answer
How is react different from normal js
Javascript React