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 vote394 views2 answers
3 dots React
Javascript React
7 votes382 views2 answers
Insert a line break into a text component in react-native
Javascript React
2 votes383 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote340 views1 answer
Storybook react
Javascript React
1 vote383 views1 answer
Input type email react js-validation
Javascript React
3 votes386 views1 answer
React icons in nextJS
Javascript React
0 vote387 views1 answer
Flipper semantic issue react native
Javascript React
142 votes641 views5 answers
Install react
Javascript React
0 vote398 views1 answer
React-native-dropdown-picker for form react native
Javascript React
1 vote390 views1 answer
React scroll to bottom of div
Javascript React