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

5 votes334 views4 answers
React native status bar
Javascript React
4 votes333 views1 answer
How to empty form after submit react
Javascript React
0 vote332 views1 answer
React native navigate two screens back
Javascript React
1 vote307 views1 answer
How to remove name in react navigation header
Javascript React
1 vote325 views2 answers
Autofocus react
Javascript React
0 vote326 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote331 views1 answer
Get started with datagrid in react js
Javascript React
-1 vote331 views1 answer
Get height component react
Javascript React
0 vote397 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote330 views1 answer
Add two export in same page react
Javascript React